Support » Fixing WordPress » On page custom css

  • Hello,
    I have some questions about page customization/custom css in general and one specific to pur website (odiabibhaba.in).
    1. When I customize a page where does the added css gets stored?
    2. I had used the editor for making changes to the style.css file – how can I add the changes made through customizer to this file?
    3. Specifically, I have the following code on page:
    .site-description {
    color: yellow;
    display: block;
    text-align: left;
    font-size: 20pt;
    letter-spacing: 1pt;
    font-weight: bold;
    line-height: 36pt;
    }

    This gives me the tag-line “Treasure Trove of Things Odia” in yellow. But when I add this code to the style.css and remove it from the page, the yellow color disappears and I get the text in BLUE – which is the color specified for the Site Title.

    What am I doing wrong and how can I merge the css into the style.css file?
    Thanks,
    Nikhil

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Hi,

    Have you tried to add the custom CSS to the Appearance → Customize → Additional CSS area? This is a safe way of adding custom styling rules to the website. This way, all the CSS you’d add won’t be removed when a new update will be available for the theme. Can you give this a try and tell me how it works?

    Thread Starter srujanika

    (@srujanika)

    Hello,
    Thanks for the response.
    The css code I have posted is in the Additional CSS area right now and it works fine. I just want to remove it from here and add to the style.css of the theme. Removing it from the Additional CSS area and adding to the style.css removes the yellow color.
    I am using a child theme, so loss on updating is not an issue. I just want to keep all added css in one place, i.e., style.css – since all my earlier modifications are in this file.
    If I copy my theme for use elsewhere will the additional css (added through Appearance>customize>Additional CSS) stay with it? Where exactly this additional css gets stored?
    Any other suggestions?
    Nikhil

    Hi Nikhil,

    The custom CSS is stored in the database, within the wp_posts table, under the custom_css post type, where the post name is the theme slug.

    No, if you copy the theme to a different website, the CSS won’t be moved too.

    Regarding the CSS added to the child theme, this should be working with no problem. I just had a look at your website and I could see that the CSS mentioned in your first message is working very well. Have you managed to sort this out?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘On page custom css’ is closed to new replies.