how can I make my CSS changes to be added to all pages?

  • Unknown's avatar
    yurieando · Member ·

    Hi, I added an image to my front page and need the settings for that image to be applied in all my project pages. For some reason, the image appears in all pages, but not following the same specifications as in the front page. Thanks.

    The blog I need help with is: (visible only to logged in users)

  • staff-dexter · Staff ·

    Hi,

    Sitewide CSS can be implemented via Theme Customization > Additional CSS if you’re on a Premium or Business plan.
    https://en.support.wordpress.com/custom-css/

    For this site, I can see that the top banner image is zoomed to the width of the browser window but the behavior is carried to the portfolio pages.

    Can I know how was the CSS set up for the main page?

  • Unknown's avatar
    siobhyb · Member ·

    I’m seeing that @yurieando has the following custom CSS to add the header image to the top of their site:

    .masthead .branding-menu {
	background: url('https://sensoryeducationproject.files.wordpress.com/2017/09/pattern2_sep.jpg') no-repeat scroll center top / contain;
}

    @yurieando: Can you try adding the following custom CSS to increase the width the image occupies?

    .masthead .branding-menu {
    max-width: 1500px;
}

    The home page has the above max-width set by default while other pages on the site don’t, which is the reason for the inconsistency you noticed.

    Let me know if the above CSS helps or if you have any further questions.

  • The topic ‘how can I make my CSS changes to be added to all pages?’ is closed to new replies.