Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #22388

    I have just put together my first-ever web site. The address is http://www.mintonsramblings.com.  On three of the pages (Educational Opportunities, Gallery and Contact Us), there is a black/dark gray patterned bar that I can’t remove.  I spoke with the folks at InMotion who referred me to you.  I see that another person had the same issue.  Changes to custom settings were recommended but the information on what to change was not listed.  Please let me know what I need to do to remove these unwanted bars.  Thank you.

    #22391
    Arnel C
    Member

    Hello,

    Thanks for your question about removing the gray patterned bark from your site.  It will require a change in the CSS.  You need to login as the administrator, click on Customize, then click on Advanced and finally Custom JS & CSS.  Add the following code:

    .background-pattern{display:hidden

    }


    You may need to add !important;  after the code in order to override current definitions.  The code would look like this:

    .background-pattern {display:hidden !important;

    }

    I found it using the Chrome Inspect option. Identifying the element and then finding the related CSS code. If you have any further questions or comments, please let us know.

     

    #22390

    Thank you Arnel.  I tried inserting the code both ways as suggested.  I’m still showing the band on the three pages.  Here is what the editor space looks like now:

    .boldgrid-css{ background: white; }
    .col-md-9 {
    width: 100% !important;
    }
    sidebar { display:none;}
    .background-pattern{display:hidden !important;

    }

    Any additional suggestions would be appreciated.  Thank you.

    #22389

    Thank you Arnel for taking a look at this issue. I tried both of the variant strings as you suggested and neither had an effect on the pages. The patterned band is still there on the three pages. The current CSS box looks like this:

    .boldgrid-css{ background: white; }
    .col-md-9 {
    width: 100% !important;
    }
    sidebar { display:none;}
    .background-pattern{display:hidden !important;

    }

    Thank you again for your help. If you have any other suggestions, I would be grateful. Thanks.

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘How do I remove a black patterned block under the menu bar?’ is closed to new replies.