Changing header colors in Right Sidebar widgets

Shapely
1

I have two websites using the shapely theme. One one site I use the css code below and it changes the colours for the headings on my widgets in my right sidebar just fine: I put the same code on my second website and it doesn’t work.

Also one last thing on the customize menu on my right sidebar in my first website it has the following menu path Shapely options - other - CSS code. On my second website, this menu path isn’t available. (I have attached two screen prints of the customize menus) Can anybody help with this.?

.widget-title { color: red; }

.page-title {
padding: 0;
}
h3 {
font-size: 36px;
line-height: 50px;
}
h1, h2, h3, h4, h5, h6 {
color: blue;
font-weight: 800;
}

}

2

Hi,

Try this, Appearance -> Customize -> Additional CSS, and add this,

.widget .widget-title { color: red; }

Let us know,

Thanks,
laranz.

3

Fantastic! - worked like a charm.

How do i change the text colour under those headings now? lol!

4

Hi,

Use this CSS,

.top-parallax-section p {
    color: red;
}

Let us know,

Thanks,
laranz.

5

Hi Laranz

The CSS code
.top-parallax-section p {
color: red;
}

for changing, sidebar link color didn’t work. Any other ideas?

Bob

6

Hello there,

By link, are you referring to the button color, if so please try using the following CSS code to change the button colors:

/*Button colors*/
.btn-white, .image-bg .btn, .image-bg .btn:visited {
    color: red;
    border-color: red;
}

Best Regards,
Support

7

Hello there,

By link, are you referring to the button color, if so please try using the following CSS code to change the button colors:

/*Button colors*/
.btn-white, .image-bg .btn, .image-bg .btn:visited {
    color: red;
    border-color: red;
}

Best Regards,
Support

8

No that didn’t work.

What I am trying to do is change the colour and making it bolder on the RHS sidebar widgets I have attached a screen print of the website I am working on the links under the “red” headings on the RHS. ie

New website
September 2017
Uncategorized
Site Admin

9

Hi,

Try this CSS,

.widget.widget_recent_entries ul li a, .widget li a { color: red; }

If that didn’t work try this CSS,

.widget.widget_recent_entries ul li a, .widget li a { color: red !important; }

Let us know,

Thanks,
laranz.

10

That worked great. Thanks so much!

I have one final question. I have two websites that I use the Shapely theme. On my first one, the blue header shows at the top of the page and in the blank white header section. In my second website, there is no header in the bank white header section. I have attached two jpeg images from both websites. Is there any code I can use to get the blue header on my second website in that bank white section?

Thanks for any help.

11

Hello there,

I hope you are doing well today.

It should appear by default. Have you added any CSS code on the second site to remove the title?

Best Regards,
Support

12

No, the CSS I have added for the second website is below

.page-title {padding: 0;}
h3 {font-size: 36px; line-height: 50px;}
h1, h2, h3, h4, h5, h6 { color: Blue; font-weight: 800;}
.widget .widget-title { color: red; }

.widget.widget_recent_entries ul li a, .widget li a { color: white !important; }

For the first website I have the following CSS added

.widget-title { color: red; }

.page-title {padding: 0;}
h3 {font-size: 36px;line-height: 50px;}
h1, h2, h3, h4, h5, h6 {color: blue;font-weight: 800;}

13

Hi @mannkobe,

  1. Did you have Yoast SEO plugin enabled in the second site?
  2. In that case, Go to Appearance -> Customize -> Yoast SEO breadcrumbs -> Title in blog post = ON, http://take.ms/GFqqn
  3. If that didn’t fix the issue then Open up /wp-content/themes/shapely/inc/extras.php and in line #584 you will see this line, ( Use WPIDE Plugin for code edits )

$title_in_post = get_theme_mod( 'hide_post_title', false );

change that to,

$title_in_post = get_theme_mod( 'hide_post_title', true );

Let us know,

Thanks,
laranz.,