0
Answered

Remove big black border

clarebraithwaite 11 months ago updated by arnelc 11 months ago 6

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

Answer

+1
Answer

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.

Great that's worked. Thanks for your help. 

+1
Answer

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.

Answered

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.

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

Answered

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.