Support » Theme: Coraline » Changing Background Color of Site's Name, Menu & Footer

  • Resolved middleastcrops

    (@middleastcrops)



    Hi guys,

    I’m using Coraline theme and would like change the background color of site’s name and its footer (beside its main menu color which I have just changed). I appreciate it if anyone show me how to do this.

    Best,
    H. K.

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi H.K.

    The background colour of your site can be changed with the following CSS:

    #footer {
        background-color: #663399;
    }

    As before, make sure to add the new code using either a child theme or custom CSS plugin. You can also change the value of #663399 to any HEX code of your choosing.

    I took a look over middleastcrops.co and am not sure which part of your site’s name you’re trying to change? Could you point it out to me? I can help with changing its background colour from there.

    You may also be interested in the following guidance on finding your theme’s CSS styles:

    https://codex.wordpress.org/Finding_Your_CSS_Styles

    Thanks!

    Siobhan,
    Really sorry for confusion.

    The website’s title comes at the top of the page. It was disabled for a short time but now you can see it. In addition to the background color of menu section (which I have recently changed receiving your help), I Want to change the background color of the footer section and also that of the ‘site identity section’, I mean the section that is located above the main menu section which include the website’s name.

    Best,
    H. K.

    Hey there,

    You can change the color of site’s title, footer, and header by adding following CSS to your theme using Advanced CSS Editor plugin, or any other custom CSS plugin. Just to make it clear, #site-title is the class of your site’s title, #footer is the class of your footer, and #header is what you referred as “Site Identity Section”.

    #site-title a{
        color: #bee267;
    }
    #footer{
        background-color: #f35;
    }
    #header{
        background-color: #454;
    }

    Replace the HEX code according to your needs.

    Suyogya,

    Thank you very much. It was really helpful.

    H. K.

    Hey,

    You’re welcome. Please don’t forget to mark this thread as resolved. Cheers 🙂

    Thank you for pitching in your help @suyogya Shukla! 🙂

    You’re welcome 🙂 @siobhan Bamber

    Thank you all.
    Sorry for for forgetting to mark this topic as resolved.

    You’re welcome! Feel free to start another thread if extra questions come up.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Changing Background Color of Site's Name, Menu & Footer’ is closed to new replies.