• priatel

    (@priatel)


    I am working with Storefront-child theme “boutique”.
    I saw in the field “customize” that I can enter some additionnal CSS.
    I made it for the theme and it is working.

    My question is: where to add additionnal CSS for some particular pages?
    In the pages themselves, there is place only for html but not CSS!
    How to proceed for placing CSS for specific pages?
    Thank you
    Bruno

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    If you want to target CSS to a particular page, look at the <body> tag on that page and you’ll see it has a unique selector. You can use that in combination with other selectors to have CSS that’s specific to a page.

    Thread Starter priatel

    (@priatel)

    Hi Steve
    Thanks for your answer.
    But I am a newbee in html and CSS and I have not understood ” you’ll see it has a unique selector. You can use that in combination with other selectors to have CSS that’s specific to a page”.
    Is it “Styles” on the bottom-right corner of the page?
    Is it there that I can add my additionnal CSS concerning that page?
    Is it right?
    Thank you
    Bruno

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    Please view the source of one of your pages and look at the <body> tag and you’ll see what I’m talking about.

    To add CSS: If you are using WordPress 4.7, use the “Custom CSS” option in the customizer. If your theme has a custom CSS option, use that to add the CSS. If not, install the plugin Simple Custom CSS. Or, if you have Jetpack installed, enable its Custom CSS module.

    Learn the Chrome Developer Tools to help you see and test changes to your CSS.

    Thread Starter priatel

    (@priatel)

    Thanks
    I will follow your advice
    Bruno

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Where to place CSS in the pages?’ is closed to new replies.