-
AuthorPosts
-
October 17, 2018 at 10:14 am #29220clarebraithwaiteGuest
I have the vacation theme. There is a big thick black border under the menu on each page. How do I remove it?
October 17, 2018 at 2:54 pm #29221arnelcGuestHello 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.
October 17, 2018 at 3:10 pm #29222clarebraithwaiteGuestHi 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
October 17, 2018 at 5:12 pm #29223arnelcGuestHello! 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.
October 19, 2018 at 2:55 pm #29224arnelcGuestThe black border is a div with the background-pattern class. It looks like there is an inline rule on the element with display: hidden !important. Hidden 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.
October 22, 2018 at 4:08 am #29225clarebraithwaiteGuestGreat that’s worked. Thanks for your help.
October 24, 2018 at 5:59 pm #29226arnelcGuestYou’re very welcome!
-
AuthorPosts
- The topic ‘Remove big black border’ is closed to new replies.