Footer colour in Shawburn Font

  • aleone89 · Staff ·

    Glad I can help you with this.

    The header colour change would require more CSS, and this would be: 

    
/* Change page title colour */

h1.entry-title {
    color: #233b79;
}

    Don’t forget, you have access to live chat support Monday to Friday, and 24/7 email support – if you require further changes, it might be more efficient to reach out via those channels :) .

  • Unknown's avatar
    xterra4x4 · Member ·

    I can not thank you guys enough for all the help. Amazing.

  • aleone89 · Staff ·

    Hello there,

    That can also be changed with some CSS. The CSS you would require in this instance is: 

    
/* Change page title colour */

h1.entry-title {
    color: #233b79;
}

    Don’t forget you have access to live chat support Monday to Friday, and 24/7 email support – if you require further changes, it might be more efficient to reach out via those channels :) .

  • Unknown's avatar
    xterra4x4 · Member ·

    Can I make that page title a little bigger ? Need the CSS to change the font size.

  • Unknown's avatar
    xterra4x4 · Member ·

    I do have a last question relating to the domain mapping, if I completed my domain mapping, can I continue editing the site and it will update in real time, or should I finish the entire website first, and only then map it (the aim is basically to have the website up and running ASAP while I then continue editing it while it is “live” on the correct domain ?

  • fstat · Staff ·

    Hi there,

    Can I make that page title a little bigger ? Need the CSS to change the font size.

    /* Adjust title font size */
h1.entry-title {
    font-size: 1.728rem;
}

    do have a last question relating to the domain mapping, if I completed my domain mapping, can I continue editing the site and it will update in real time, or should I finish the entire website first, and only then map it

    Yes, you can map your domain and it’ll automatically point to your site. Every change that you’ll make it’ll be reflected on your live site.

    If you have any other questions, just let me know and I’ll be happy to help.

  • Unknown's avatar
    xterra4x4 · Member ·

    Good Day, if you go to my page: namib.com.na, you will see that it is not the full width of the page. Is there a way to change this or can’t I ?

  • staff-mckluskey · Staff ·

    You could try and play with this:

    #page {
	max-width: 1180px;
}

    Bear in mind, though, that you’ll probably want to make sure that looks good on all screen sizes:

    https://wordpress.com/support/custom-design/custom-css-media-queries/.

    If having the site full-width is important for you, you may also try to check other themes that do support this feature:

    https://wordpress.com/themes/filter/full-width-template.

    You can try themes without activating them by clicking on the three dots next to the theme’s name and choosing the option Try&Customize.

    This will allow you to see how the theme would look like with your content and how you could customize it.

    If you decide to activate another theme, remember that you will lose all previous customizations (like the CSS codes we’ve been giving you here).

  • Unknown's avatar
    xterra4x4 · Member ·

    Thank you for the fantastic advice, I decided to go for a bold move and changed the theme. Unfortunately I lost most of my custom CSS.

    I need css to change that menu colour to my blue please.

  • fstat · Staff ·

    What part of your menu you want to be blue? The background, the item titles, or the background of each individual menu item?

  • Unknown's avatar
    xterra4x4 · Member ·

    I want the entire menu bar to be blue

    The letters can remain white as they are now

    And for the hover colour I need it to be just a slightly lighter blue than the main bar.

  • staff-mckluskey · Staff ·

    That should do the trick:

    #navigation {
  background-color: #233b79;
}

    Also, remember that with your plan, you can access Live Chat directly via https://wordpress.com/help/contact. That way, you can get help faster.

  • Unknown's avatar
    xterra4x4 · Member ·

    It appears that the text is a slight grey, so I will need to change that to white also when it is not hovering.

  • fstat · Staff ·

    Here you go:

    #navigation .menu a {
    color: #ffffff;
}
  • Unknown's avatar
    xterra4x4 · Member ·

    Thanx a million

    Need Css to change the social widget colour. I was using this

    /* Change social menu icon colour */
    li.jetpack-social-widget-item a {
    color: white;
    }

    But I am struggling to identify the correct class for this theme.

  • staff-mckluskey · Staff ·

    Your footer area is already white; which part exactly are you trying to modify?

  • Unknown's avatar
    xterra4x4 · Member ·

    The colour of the Social widget and text

    Colour of the words “search our site”

    Colour of the “Go” Button

    Colour of the social menu in the footer.

  • supernovia · Staff ·

    OK. I’ve picked some wild colors so you can easily see what you need to change.

    Please do bear in mind the CSS applies only to your current theme. If you decide to change the theme, all of the settings will be lost. But, we do have a video that details the exact process we use to find the correct CSS, so you can find it on your own if you want to change things up again:

    https://wordpress.com/support/custom-design/how-to-find-your-themes-css/

    .jetpack_widget_social_icons svg {
    fill: pink;
}

#submit, #searchsubmit {
    background-color: pink;
    border: fuchsia;
}

.footer-widget h6 {
    color: orange;
}

ul#menu-social-links a {
    background-color: orange;
    color: yellow;
}
1 2
  • The topic ‘Footer colour in Shawburn Font’ is closed to new replies.