Home Forums Pro Themes Magpaper Pro How can I remove the border around the site branding

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #113842
    agregatwebmaster
    Participant

    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

    #113871
    wensolutions
    Keymaster

    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.

    #114012
    agregatwebmaster
    Participant

    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;
    }

    #114086
    wensolutions
    Keymaster

    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.

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.