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

Graphene Theme Forum » Graphene Wordpress theme » Support

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

(5 posts) (2 voices)

Started 3 months ago by sghegde87
Latest reply from sghegde87
This topic is closed
This topic is resolved

Skip to the latest post | RSS feed for this topic

sghegde87
Member
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!!
:-D .
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.

Warm Regards,
Shivanandana.
"Curious to Learn and Generous to Share"
Posted 3 months ago #
Prasanna SP
Moderator
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>

I want all the Headings to be of 20px in all the posts...
```
.entry-title {
	font-size: 20px !important;
}
```
Use firebug to inspect elements.

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.

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 - http://forum.graphene-theme.com/rss

Thanks for your interest in helping the community!

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.
Posted 3 months ago #
sghegde87
Member

@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.

Warm Regards,
Shivanandana.
"Curious to Learn and Generous to Share"

Posted 3 months ago #
Prasanna SP
Moderator
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/

Personal Website prasannasp.net | WordPress Plugins developed by me.
Graphene Child Theme Template | Graphene Theme Tutorials | WordPress tutorials.
Posted 3 months ago #
sghegde87
Member

Thank you.... Much appreciated.. :-)

Warm Regards,
Shivanandana.
"Curious to Learn and Generous to Share"

Posted 3 months ago #

Topic Closed

This topic has been closed to new replies.