Few Changes to the Template

Home Forums WordPress Themes – Premium Pure & Simple Few Changes to the Template

This topic contains 8 replies, has 3 voices, and was last updated by  Sushil Adhikari 2 years, 4 months ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #46360

    Stephen Cooper
    Participant

    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

    #46362

    Sushil Adhikari
    Moderator

    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

    #46590

    Stephen Cooper
    Participant

    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.
    #46704

    Sushil Adhikari
    Moderator

    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

    #46773

    Stephen Cooper
    Participant

    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

    #46789

    Styled Themes
    Keymaster

    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

    #46790

    Stephen Cooper
    Participant

    Awesome work Imre.

    It all worked like a charm.

    Thanks heaps.

    #46791

    Stephen Cooper
    Participant

    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

    #46795

    Sushil Adhikari
    Moderator

    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

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.