Please Help: How do I add my own CSS that can be referenced in every post by all authors?

  • sghegde87

    #7020

    2 Questions:

    1) I want to add some CSS codes such as:

    <style type="text/css">
    .style1 { font-size: 30px; }
    .style2 { color: #00FF00; font-size: 15px; }
    </style>

    In such a way that I can reference them in each and every post where ever I require.

    Ex: I want to use <span class=”style1″> Text here, </style1>

    Also, if I want to change the appearance of some features for all the posts.. (entire website)

    Ex: I want all the Headings to be of 20px in all the posts…

    PS: I have activated Child Theme and I know there is a style.css file in there.. And I googled it too but couldn’t find a ‘easy’ answer!!

    😀 .

    Can I write direct CSS codes or should I learn PHP for this?

    2) Can anyone please tell me how do you get to know as soon as someone has posted a question? In future, if I want to help someone; how do I know that someone is seeking help??

    Thanks in Advance.

    Anonymous

    #36060

    1. Just add the code to child-theme style.css and use that class anywhere you want. But the syntax is

    <span class="style1">Some text</span> not <span class="style1"> Text here, </style1>

    Quote:
    I want all the Headings to be of 20px in all the posts…

    .entry-title {
    font-size: 20px !important;
    }

    Use firebug to inspect elements.

    Quote:
    Can I write direct CSS codes or should I learn PHP for this?

    Learning PHP is not necessary to tweak the appearance which can be achieved using CSS alone. But learning PHP gives you greater power to change theme/WordPress functionalities.

    Quote:
    2) Can anyone please tell me how do you get to know as soon as someone has posted a question? In future, if I want to help someone; how do I know that someone is seeking help??

    You can keep an eye on the forum or use RSS feed with any other applications to get notified when there is a new post – https://forum.graphene-theme.com/rss

    Thanks for your interest in helping the community!

    sghegde87

    #36061

    @Prasanna: Thank you….

    1) I also figured out that there is an option for adding code in <head> tag under Graphene Options > Advanced. I added the CSS code here and it works just well. But surely going to try this out too. Thanks.

    2) Sorry for the silly Question. But when I click on the rss link, it takes me to an XML page or something. How do I add that to notify me?

    Thanks again.

    Anonymous

    #36062

    Rather than adding style info (with <style> tag) in<head>, you can just enter the CSS code to Graphene Options -> Display –> Custom CSS. Just enter

    .entry-title {
    font-size: 20px !important;
    }

    there.

    2. Use can use tools like these to get notified of new posts – http://www.feednotifier.com/ …. http://blogtrottr.com/

    sghegde87

    #36063

    Thank you…. Much appreciated.. 🙂

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.
Do NOT follow this link or you will be banned from the site!