New to WordPress…need help

Edit your style.css file

– How can I change the sub title font at the top of the page (the text underneath where it read Global@CU)

#logo .site-description {
font: normal 17px/1em Georgia, serif;
color: #ffffff !important;
}

The above code has white color (#ffffff)

So change that value. Use some colorpickers to get hexadecimal values

https://www.colorpicker.com/

– How can I put more of a gap in between the title and sub title of the site?

https://www.w3schools.com/css/css_padding.asp

How can I change the introduction text in the left hand side navigation bar (i.e. the text that reads ‘Globe@CU is an online platform for the promotion of international news stories…’)

wp-admin Dashboard -> Appearance -> widgets

Thank you for your response. Your help is much appreciated. I have managed to change the ext in the side navigation bar fine.

Had a quick question re. the change of font. I was actually trying to change the font style (from Georgia to Arial…basically something sans serif) and not the colour of the font. I have tried to change the title of the font in css from Georgia to Arial however it has not worked (see below)

#logo  { float:left; }

#logo img  { margin-top: 7px;}

#logo .site-title, #logo .site-description  { font-family:arial, sans-serif; color: #000; display:none;  }

#logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; }

#logo .site-title a:hover { text-decoration:underline; }

#logo .site-description { color:#999; font:italic 14px/1em arial, san-serif; }

Would you be able to help me on this please?

Thank you once again.

Unfortunately, that was poor advice – you should not modify any theme files – as your changes will be overwritten when the theme is udpated. You may have noticed this in the style.css file?

WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use 

the custom.css file

Is that where you made changes? You can copy the code to the custom.css file and make the changes there.

Thank you for your response WPyogi.

Yes that is where I changed it from. For changes to the font am I required to copy all of the code from the stylesheet to custom.css or just the section I copied into my last post? Would changing the font name to arial in the code copied to custom.css change the font successfully?

Cool – just making sure :). No you should only need to copy the part that you are changing. That line is showing up in Arial for me – per this CSS – looks like it’s under something called <!-- Woo Custom Typography --> Since that’s a commercial theme (we don’t have access to them and they’re not supported here) – I’m not sure how that theme is set up/works, so you may need to ask WooThemes for help with this:

body #wrapper #logo .site-title a {
    color: #0066CB !important;
    font: 70px/1em Arial,sans-serif;
}

Have you cleared your browser cache?

I’ve managed to change the font now which is great, thank you. Did this by copying the same code to custom.css and changed Georgia to Arial at both references.

Sorry to ask again but are you able to help me change the padding on the line that reads ‘Coventry University’s online news for the international community’? I’ve been to https://www.w3schools.com/css/css_padding.asp as suggested but cant seem to find the right place to change it…I want to add a small gap in between Global@CU and that line as it slightly overlaps at the moment.

Thank you

Try adding this:

#logo .site-description {
    margin-top: 20px;
}

That’s FANTASTIC…it worked fine and there is now a gap between the 2. Thank you so much, i genuinely appreciate it. ??

You’re welcome :). In case you’re not already using it, the best way to work with CSS is by using a browser tool like Firebug – https://getfirebug.com.