You would have to edit the style.css file for your theme or create a Child Theme.
Thread Starter
ohpee
(@ohpee)
Yes, I realised that I need to edit style.css – my question is which line of code do I need to look for?
Nobody is going to download & dig through your theme and tell you that. You would have to post a link.
Thread Starter
ohpee
(@ohpee)
Oh okay – sorry I thought it would be standard across themes.
http://imc-exam.co.uk/about
Specifically – the space below “How will it benefit you?”
And while I’m here, if I could also ask how to remove the line under the “Is it right for you?” heading (which is h3 formatting).
Bonus question (sorry!): How do I change the h4 (“How will it benefit you?”) font? I have managed to change it actually, by changing the line below, but that changes both h2 (page title – “About the IMC”) as well as h4. How do I change h4 independently?
h1,h2,h3,h4,h5,h6 {
font:normal 1em/1 Georgia, “Times New Roman”, Times, serif;
Sorry for the extra questions, but I was going to have to post these later anyway. A million thank yous!
1) In style.css (line 46) you have
html, body, div, span, form, h1, h2, h3, h4, p, blockquote {
border: 0 none;
margin: 0;
outline: 0 none;
padding: 0;
}
2) In style.css (line 393)
#content h3 {
border-bottom: 2px solid #D2D6D8;
line-height: 2.1;
margin-bottom: 20px;
}
3) style.css (lines 46, 77, 109)
Thread Starter
ohpee
(@ohpee)
Thanks for the quick response.
1) I’m not sure what to do with this? To add space do I adjust the margin value? Or the padding value? Would I state this in pixels? Could you give me an example figure?
2) Got it, thanks!
3) Not sure what I’m supposed to do here, but if it’s too much don’t worry, I’ll work it out later. Q1 is my main concern for now.
Thank you again.
Thread Starter
ohpee
(@ohpee)
Oh and on Qu 1 – wouldn’t changing line 46 affect all the other headers too? It seems like it covers a whole bunch of stuff and not specific to h4.
1) Yes it would change all of them. You could remove h1, h2, h3, h4 from that line and break them out separately.
3) style.css (line 77) has them grouped together but again you can give them separate attributes.
Thread Starter
ohpee
(@ohpee)
1) I really don’t know how to do that though. Don’t know how to break them up, or which figures to change. All I want is for there to be a gap after the h4 heading and everything else unchanged. Any chance you could tell me specifically how to do that? Sorry, but I think you’ve overestimated my abilities!
Thread Starter
ohpee
(@ohpee)
Nevermind – I think I managed it a different way. Added this bit of code under line 396:
}
#content h4 {
margin-bottom:20px
}
Thanks for your help (and your website and photographs look awesome!)
Glad it works, but it’s not exactly clean code because now you have the margins for h3 and h4 defined in two different places.
