- This topic has 3 replies, 2 voices, and was last updated 5 days, 10 hours ago by
.
-
Posts
-
I am using Magpaper Pro on this site: http://historyandtranslation.net
I have been trying to remove the borders around the site branding. These are borders that appear either above and below, or on the left and right sides, of the Title and Tag line – depending on whether the site is being viewed on a wide or narrow screen.
Originally these borders were doubled, but I managed to remove one set with the followin CSS rule:
.site-branding {
border: hidden;
}But I just cannot find a way to remove the remaining pair of borders. Seeing as I am not using the Header left and right sections, I do not want them, and I would just like the site branding to be framed by the top menu and the main navigation menu.
I would appreciate your help.
Thanks, Chris
Hello,
Regarding your query related to removing borders, please add following given CSS code in Additional CSS section to remove borders by going to Admin Panel > Appearance > Customize > Additional CSS
#top-bar{ border-bottom: none; } .main-navigation{ border-top: none; } .main-navigation:before{ background-color: transparent; } .site-branding:before, .site-branding:after{ background-color: transparent; }Hope this helps.
If you have any queries further, let us know.
Thank you.
Many thanks. That did the trick. The solution to remove the borders around the Site brand, while leaving those of the top menu and the main navigation menu is as follows:
/* removes borders around site brand */
.site-branding {
border: hidden;
}
/* removes backround which appears as second set of borders round the site brand */
.site-branding:before, .site-branding:after{
background-color: transparent;
}Hello @agregatwebmaster,
Glad we could help you.
Also, thank you for the CSS. It will be definitely helpful for other users.
Let us know if you have any queries further.
Thank you.
- You must be logged in to reply to this topic.
