How to change colour of bar beneath page title

  • Resolved Alice Walker

    (@alice-walker)


    9 years, 11 months ago

    PURE & SIMPLE THEME 1.0.8
    Hello, I need to change the colour of the bar beneath the title page (its currently aqua) to my company colour. I have followed the instructions given in a previous response (pasted below), however it is not clear “where” you have to paste into the editor window, when I open “Edit CSS” there are lines and lines of code. I have tried pasting it at the very end of all the code, using my colour reference, then saving the Stylesheet, but nothing changes. Please advise, where one has to paste the code.
    .type-page .entry-title:after {
    background: #1C5A7C;

    1. Download and install a CSS editor plugin. I’m using Jetpack as an example because it’s what I know, (you’d have to link it to a wordpress.com account) but you could also use one from the page linked by stephencottontail above. Make sure the plugin is activated. If you’re using Jetpack, make sure the CSS Editor feature is activated at
    Jetpack > Settings > CSS Editor > Activate

    2. Navigate to the CSS editor screen. In Jetpack it’s at
    Jetpack > Settings > CSS Editor > Configure
    -OR-
    Appearance > Edit CSS

    Some other plugins’ CSS editors are accessed under the Appearance menu too.

    3. Paste into the editor window stephencottontail’s code above, but with your color substituted:
    .type-page .entry-title:after {
    background: #1C5A7C;
    }
    Be sure to “Save” or “Save Stylesheet” to save your changes.

Viewing 13 replies - 1 through 13 (of 13 total)

  • Try this… Go to appearance, then customize, then go under colours. You will find a list of areas where you can change the colours. I hope what you are looking for is there.

    Thread Starter Alice Walker

    (@alice-walker)

    Thanks for your response, however this is the only colour in that cannot be changed in the colour section of customisation, which is why there have been several posts requesting how to do this.

    Others have been successful using the CSS Editor plug-in, per the point by point guide above, but being a first time WordPress user I need the guide to be more specific, as to where you need to paste the code into the Edit CSS window.

    Thanks for trying anyway!!

    Thread Starter Alice Walker

    (@alice-walker)

    Thanks for your response, however this is the only colour in that cannot be changed in the colour section of customisation, which is why there have been several posts requesting how to do this.

    Others have been successful using the CSS Editor plug-in, per the point by point guide above, but being a first time WordPress user I need the guide to be more specific, as to where you need to paste the code into the Edit CSS window.

    Thanks for trying anyway!!

    Sorry about that. Good luck Alice. I have some problems too.

    Theme Author Styled Themes

    (@gejay)

    Hi Alice,

    You can paste the code into the edit css window, that will work.

    Thanks.

    Thread Starter Alice Walker

    (@alice-walker)

    Thank you for your response. I have however tried pasting the code into the edit CSS window and nothing changed. Is there a specific place amongst all of the code in edit CSS that this code must be pasted?

    Theme Author Styled Themes

    (@gejay)

    Hi Alice,

    Can you provide us the link of the site?

    Thanks.

    Thread Starter Alice Walker

    (@alice-walker)

    Hi there,

    Many thanks,

    Thread Starter Alice Walker

    (@alice-walker)

    Hello,

    Im not sure you received my link. it is

    in-syncmarketing.co.za

    Many thanks,

    Theme Author Styled Themes

    (@gejay)

    hi there,

    I found you are using css which has space after : so use the following code as it is below:

    .type-page .entry-title::after {
	background-color: #1C5A7C;
}

    Thread Starter Alice Walker

    (@alice-walker)

    Thank you sooooo much, it worked!!!

    Would you also be able to give me step by step instructions how to decrease the amount of space between the menu bar at the top and the beginning of my content?

    Many thanks,

    Theme Author Styled Themes

    (@gejay)

    Hi Alice,

    Please provide a link to the site so we could provide you the exact solution.

    Thanks.

    Theme Author Styled Themes

    (@gejay)

    Hi Alice Walker,

    We didn’t get your reply since four months. We hope you got the solutions of your issue.

    Thanks

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How to change colour of bar beneath page title’ is closed to new replies.