Graphene child theme center widget titles, howto
-
Hi, I am new to the graphene theme. I really like it and want to make it work for me. I have some knowledge of CSS. Here is my graphene child theme style sheet.
‘/*
Theme Name : graphene-child
Description: Child Theme from the graphene theme
Author: DT. Varnum
Template: graphene
version: 0.1.CT
*/
@import url(“../graphene/style.css”);
.sidebar h3 {
text-align: center;
}’
I am trying to align the text title of my sidebars. The div points to the .sidebar id, however when I change it in firebug it changes, but when I copy the .sidebar h3 section and paste it in my child style sheet nothing happens or the change isn’t made. I assume you simple place your css code in the style sheet and it works. Any help or direction is much appreciated. Thanks
dennis
The backtick key is on the top left of your keyboard, with the
~
key.It aligns for me using firebug also.
Try this in your child css:
.sidebar h3 {
text-align: center !important;
}That’s about as much as I can help without seeing your site.
Thanks Josh, my site is http://www.solutionfocusgroup.com/dtv. I know typically just changing the id’s can do much but am I editing the correct style sheet? I thought the child style sheet was the one to edit and not the original graphene style sheet?
I am trying for a look kinda like http://bookblog.kjodle.net/ blog. I like the way they have the sidebars done. Any tips would be great. I am reading Digging Into WordPress 8th edition.
Here is the link to your stylesheet:
http://www.solutionfocusgroup.com/dtv/wp-content/themes/graphene/style.css?ver=3.2.1
So you want to go here (assuming you have set up a child theme correctly):
http://www.solutionfocusgroup.com/dtv/wp-content/themes/graphene-child/style.css
And make your adjustment there.
So, it looks like I just copy the original stylesheet into my child theme style.css file?
That seems a bit unusual. I know the original stylesheet is in the graphene directory. I thought (correct me if my logic is off) the new graphene-child directory with my graphene-child stylesheet was the one I would edit.
So should I start with a minimalist style.css in my child theme folder and build as I go or simple copy the whole parent stylesheet and edit it in the child theme directory? Trying to figure this one out.
I followed your video on how to setup the child theme. It was very straight forward and easy.
dennis
Thank you.
Okay, you have your original graphene directory. Then, in the same root, you also have a graphene-child directory. Within this graphene-child directory, you should have a style.css file. This is NOT the graphene stylesheet; rather it is one where changes you make will overwrite the graphene stylesheet defaults.
So, you need to make the change stated above in your /graphene-child/style.css file.
Also check the following links regarding stylesheets, and how to use them.
https://forum.graphene-theme.com/graphene-support/how-to-modify-the-theme-using-a-child-theme
Ok, I think I am going to bed now. I found out why nothing was changing even though I had the concept and the code correct. I would put some css in my stylesheet and refresh and nothing would happen. I had not activated the Theme yet!!
So for the past few days I have been trying to make code changes to my blog and not actually have it activated. Thanks Josh for your kind support. I can now edit at will. Sorry for the disconnect but I just got back from the East Coast.
I had not activated the Theme yet!!
Thank you. I hadn’t laughed that hard all day. You know something is funny when no one is around and you just “bust out” laughing. Thank you for that.
Viewing 9 posts - 1 through 9 (of 9 total)
- You must be logged in to reply to this topic.