[Frym1]

Frym1

#5874

Please could somebody with experience in WordPress / Graphene assist as I am a little lost 😀

In the final stages of building my new website in wordpress (http://www.integratedselfprotection.com/dev/) and could really do with some support regarding the following, currently I have no experience regarding CSS, PHP etc however willing to learn.

I would like to do the following. I am currently using a child theme created by Prasanna SP’s, and am basing my posts on Andy Roberts website (http://www.andyrobertsbjj.com/) as I like the style, that being said how can I do the following as in Andy’s website

1) Round the Corners

2) Underline and Reduce the Size of the Title

3) Change the Calendar Symbol

Furthermore is there a reason it looks good in Google but terrible in IE?

Unfortunately I am learning word press and building my website from scratch (loved the process and what a great theme), if It some CSS coding I need to add, where can I obtain and where does it go.

Would appreciate any input.

Kind regards.

Mark

[geoffsoz]

geoffsoz

#32841

Hi Mark, I’m just learning too, but a few months in front of you. The best thing a learned was to use firebug. this helps you see how other people do things in their pages. there are a number of tutorials on this and it is worth learning.

Regarding the rounded corners, I have a lot of them on my site. To do similar to what I think you want, you need to put this code in the child theme CSS

.two-columns .post {

-moz-border-radius-topright: 30px;

-webkit-border-top-right-radius: 30px;

border-top-right-radius: 30px;

}

My understanding is each line is used for each of the different browser engines. So while firefox might use only one line, IE will use another and maybe chrome another.

Looking at the page you want to look like with firebug, it seems you need this code to change the heading size

.post-title, .post-title a, .post-title a:visited {

font: 18px arial;

padding-bottom: 5px;

}

The calendar I can’t help you with, sorry.

hope this helps a bit,

Geoff

[Frym1]

Frym1

#32842

Thanks for response Geoff, really appreciated.

May I ask, where in the Child theme CSS? And how do I get there i.e Dashboard>

Told you I was a beginner 😀

[geoffsoz]

geoffsoz

#32843

the easiest way is to go to appearance >> editor. If you have the child theme activated the editor will open the style.css file.

Simply put the codes under what is already there. Save it, and then reload your site, there should be the changes.

there are probably some tuts on playing with child themes some where too – I read a lot tuts.

hope this helps

Geoff

[Frym1]

Frym1

#32844

THANK YOU SO MUCH. BRILLIANT.

Buy any chance you dont know the CSS code for the dotted line under the post header text as in AnyRobertsBJJ?

THANK YOU

[Anonymous]

Anonymous

#32845

Quote:

…any chance you dont know the CSS code for the dotted line under the post header text…

.post-title, .post-title a, .post-title a:visited {

border-bottom: 1px solid #E3E3E3;

}

If you have Author name, avatar, categories etc below the post title, you’d need to use this instead,

.post-meta {

border-bottom: 1px solid #E3E3E3;

}

[Frym1]

Frym1

#32846

Thank you all for help. All Done :)))))

[Kenneth John Odle]

Kenneth John Odle

#32847

Earlier duplicate post deleted.