Support » Fixing WordPress » CSS Code not working

  • Hi All

    I am using OceanWP theme.
    I have some confusion with CSS. I have 4 widgets randon quotes, email subscribers and newsletters, a text box and About Me widget in my footer and I want to change the title size/font/color, etc. of these widgets – still not decided whether each will have a distinct style or not so for now I tried to make the titles of these widgets the same type

    I tried CSS like (not exaclty similar to the ones below but the syntax was the same)

    #footer .widgettitle {
    font-family: “OpenSansCondensed”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
    }

    AND

    .footer-widgets .widget-title {
    color: #ffffff;
    }

    but none of the above had any effect. Can anyone help me with the CSS. Also can anyone help me with the individual CSS of random quotes, Email Subscribers and Newsletters, Text Box and About Me.

    Thanks

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

    A link to your website would be great. This way we’ll be able to give you the right CSS that will do the trick about the font size, color, or any other change. Without having a look at the actual elements, it’s hard to say what’s the CSS that will do the job.

    Sorry Radu not being allowed to share as it in development. Can you help me without the link?

    Hi,

    Here’s just a guess based on the demos of the OceanWP theme:

    #footer-widgets .footer-box .widget-title {
        font-size: 15px;
        color: red;
    }
    

    You can give this a try and tell me if I had some luck 🙂

    Thanks a ton Radu. Your code worked at once and I am so relieved. You made my day. Thanks once again!

    Thanks

    Hi Radu

    Forgot to ask in the earlier post. Can you help me with the CSS text for putting the text in the middle portion of the widget (I am not referring to Center alignment- I already know that). In the Random Quotes widget the text is appearing at the top portion but I want to bring it to the center.

    Thanks

    Hi,

    Do you have a link to the page where you’d like to do this change? Or maybe even a small screenshot with that element. I just want to understand what’s the part that we’re talking about so I can give you the right solution 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS Code not working’ is closed to new replies.