Few Changes to the Template

[Stephen Cooper]

Hi guys,

I have just purchased this theme.

I am looking at doing a few changes to the template, however, I am not sure how or where to start.

The banner widget background colour is black. I want to change this to white, however, I am unsure where to change this as all the “colour” tabs do not have anything to do with this.

Also, I would like to change the colours of the of different menus pages. Eg.. one-page titled “Ladies” have the menu colours etc a pink then have another menu page titled “League” with the colour of orange then another page titled “Legspin” in purple. Is this possible?

Cheers
Stephen

[Sushil Adhikari]

Dear Stephen Cooper,

To change banner color, please add this custom css on additional css section of customizer or on child theme style.css. So your changes will not lost on theme update.

#page-banner {
background-color: #fff;
}

For the second issue could you provide site URL with possible screenshot, so we can provide you appropriate solution. We assumed that you need to change color of page title below the banner if so the you need to take page id and make required changes on page title. Here is the example:

.page-id-228 .entry-title, .page-id-228 .entry-title a {
color: #000;
}

Note: page-id-228 will vary according to your pages id, to find page id you can follow this tutorial.https://pagely.com/blog/2015/04/find-post-id-wordpress/

Thanks

[Stephen Cooper]

Putting this into the child themes editor did not work.
#page-banner {
background-color: #fff;
}

Please see the image attached. Basically, the black either side of the image is what I want to be white.

This is in the banner widget below the menu item.

Thanks Cheers
Stephen

Attachments:

You must be logged in to view attached files.

[Sushil Adhikari]

Hi Stephen,

Could you please share us your site url, so we can provide you appropriate solution.

You can try by clearing cache of your website and if this also didn’t work then please try with css:

.widget-area #page-banner {
background-color: #fff;
}

We look forward for your response.
Thanks

[Stephen Cooper]

Hi Sudhil,

Thanks for you help so far.

I have one more question.

I am changing the fonts within the template using Easy Google Font plugin.

For the most part, it works fine, however, I have changed the “h1” font however it has not taken in the main page.

This one is incorrect.
http://ladieswho.com.au/league/

This one is correct
http://ladieswho.com.au/league/2017/02/04/that-time-i-met-blake-austin-at-the-auckland-nines/

Also, the “li” style is controlling both the Menu and the right-hand side fonts (in pink) the texts under the “Categories” “Archives” etc, how can I separate these.

Cheers
Stephen

[Styled Themes]

Hi Stephen,

For the homepage H1 try adding this CSS:

.home h1 a {
    font-family: 'Prompt';
    font-style: normal;
    font-weight: 600;
}

`

You can target the right sidebar widgets (Categories, Archives) like
.widget-area li {}

Hope this helps
regards
Imre

[Stephen Cooper]

Awesome work Imre.

It all worked like a charm.

Thanks heaps.

[Stephen Cooper]

Hi guys,

One more issue.

If I click on an Archive link or Categories link the default header h1 font goes back to the default open san and not the new one I created.

EG
Should be this

http://ladieswho.com.au/league/

NOT!! This

http://ladieswho.com.au/league/2017/02/

or this

http://ladieswho.com.au/league/category/nrl/

Why is it so different?

Cheers

• This reply was modified 5 years, 9 months ago by Stephen Cooper.
• This reply was modified 5 years, 9 months ago by Stephen Cooper.

[Sushil Adhikari]

Hi Stephen Cooper,

You can try this:

.site-content h1 a, 
.site-content h2 a, 
.site-content h3 a, 
.site-content h4 a, 
.site-content h5 a, 
.site-content h6 a {
    font-family: 'Prompt';
}

Thanks

[Author]

Posts