Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #29220
    clarebraithwaite
    Guest

    I have the vacation theme. There is a big thick black border under the menu on each page. How do I remove it?

    #29221
    arnelc
    Guest

    Hello Clarebraithwaite,

    I checked my test sites using the Vacation inspiration in BoldGrid and I was not able to see a black border that I could remove.  If you can please provide a URL and identify the location on each page where the border appears, then we can investigate issue in more depth. 

    If you have any further questions or comments, please let us know.

    Kindest regards,

    Arnel C.

    #29222
    clarebraithwaite
    Guest

    Hi my site which isn’t finished!! is puravidacoaching.co.uk/what-is-coaching The big black border is under the Menu and above the text on each page apart from the home page. I’ve provided the url of one of those pages. Thanks

    #29223
    arnelc
    Guest

    Hello!  The black border appears to be the background that you can add or remove in the Customization section.  The problem that I’m having is that even when I remove the pattern there appears to be a filler in there to help differentiate the area under the Call to Action. I’m going to refer this to one of the developers.  They will need to see if that pattern can be removed through a CSS setting.  As soon as he replies, I will post his answer in this thread.  If he is unable to resolve the problem I will update you on what we can or cannot do.  For now, try going to Customize > Background > remove any pattern or color selected.  I was able to do this myself, but I’m still seeing a faint pattern.  Apologies again for the headache.

    If you have any further questions or comments, please let us know.

    Kindest regards,

    Arnel C.

    #29224
    arnelc
    Guest

    The black border is a div with the background-pattern class.  It looks like there is an inline rule on the element with display: hidden !importantHidden is not a valid option for the display rule.  You would need to change hidden to none and that will hide it.  You can use the following code for this:

    div.background-pattern {
    display: none !important;
    }

    This needs to be placed in the Customizer >Advanced > Custom JS & CSS.  Add the code to the Custom Theme CSS section.

    If you have any further questions or comments, please let us know.

    Kindest regards,

    Arnel C.

    #29225
    clarebraithwaite
    Guest

    Great that’s worked. Thanks for your help. 

    #29226
    arnelc
    Guest

    You’re very welcome!

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Remove big black border’ is closed to new replies.