Nucleare – font color of site title and menu

• 

  deveshhpathak · Member · Mar 2, 2018 at 11:33 am

  • Copy link
  • Add topic to favorites

  Hi:

  My site is: lexingtonsaysenough.wordpress.com

  I would like to change the color of site title #enough, menu items, background color of search bar on top to #ffb38a

  Please help.

  The blog I need help with is: (visible only to logged in users)

• 

  neilcarlosucuangco · Member · Mar 2, 2018 at 11:58 am

  • Copy link

  You can change the site title by going to
  Themes -> Customise -> Additional CSS
  and add this line of code

  h1.site-title {
     color: #000000;
  }

  Use this code to change the color of your menu items

  .main-navigation a {
    color: #000000;
  }

  Use this code to change the search bar background color

  .social-links .top-search {
  background: #ffb38a;
  }

  You can change the #000000 and #ffb38a to your desired color

  All in all this should be your code that you need to add on the Additional CSS

  h1.site-title {
     color: #000000;
  }
  
  .main-navigation a {
    color: #000000;
  }
  
  .social-links .top-search {
     background: #ffb38a;
  }

• 

  deveshhpathak · Member · Mar 2, 2018 at 12:18 pm

  • Copy link

  Thank you for your quick response. Can you please take a look. The title font color did not change.

  Thanks

• 

  neilcarlosucuangco · Member · Mar 2, 2018 at 12:22 pm

  • Copy link

  Use this code. I forgot to add the a element.
  It should work now.

  h1.site-title a {
     color: #000000;
  }

• 

  deveshhpathak · Member · Mar 2, 2018 at 12:24 pm

  • Copy link

  Thank you so much.

  Can you help me with the link color as well? :)

• 

  deveshhpathak · Member · Mar 2, 2018 at 12:29 pm

  • Copy link

  Also, if I wanted a different image on every page, what do I do?

• 

  neilcarlosucuangco · Member · Mar 2, 2018 at 12:29 pm

  • Copy link

  Could you specify what links you want to change?

• 

  deveshhpathak · Member · Mar 2, 2018 at 12:41 pm

  • Copy link

  Hi there:

  I am talking about the URL links on the posts that still show up as green.

  The second thing I would like to change is have different picture on every page or have an option of not showing a picture.

  I really appreciate your help.

  Thanks

• 

  deveshhpathak · Member · Mar 2, 2018 at 12:42 pm

  • Copy link

  Is it possible to make the header image full bleed?

• 

  neilcarlosucuangco · Member · Mar 2, 2018 at 12:58 pm

  • Copy link

  If you want to change the link color on the posts, use this code

  .entry-content a {
     color: #000000;
  }

  Base on your theme. The image that is in each pages is your site logo.
  If you want to completely remove it , go to
  Themes -> Customize -> Site Identity -> Remove Logo

  Use this code to make your header image full bleed

  .site-branding img {
    width: 100%;
  }

• 

  deveshhpathak · Member · Mar 2, 2018 at 2:23 pm

  • Copy link

  Thanks…

  I am very close. How do I change color of:
  1. Facebook icon from green to orange – see footer widget
  2. Font color of facebook page name on sidebar widget

• 

  neilcarlosucuangco · Member · Mar 2, 2018 at 2:38 pm

  • Copy link

  Use this code to change facebook icon color

  .jetpack_widget_social_icons ul.size-medium a {
     color: orange;
  }

  About the facebook page name. Can you send me a screenshot on that specific section?

• 

  deveshhpathak · Member · Mar 2, 2018 at 6:56 pm

  • Copy link

  Hi there: How do I send you a screen shot?

  If you scroll down my site, right under the upcoming events you will see a green link that says “LEXINGTON #ENOUGH. This points to a facebook page.

• 

  neilcarlosucuangco · Member · Mar 2, 2018 at 7:02 pm

  • Copy link

  I see now the link that you are referring.

  Use this code to change the color of the link

  .widget_facebook_likebox a {
     color: #000000;
  }

• 

  deveshhpathak · Member · Mar 2, 2018 at 7:49 pm

  • Copy link

  Thank you for al your help today.:)

  One final question (at least for today)…

  I want to have the side bar on only home page and Events page. Can I remove it from other pages?

• 

  neilcarlosucuangco · Member · Mar 2, 2018 at 8:02 pm

  • Copy link

  Yes you can.

  Go to Site Customizer and click on Widgets tab on the left.

  Then click Sidebar. You can see the lists of the widgets that are on your sidebar. Click the widget that you want to remove from the other pages.

  A new section will slidedown. Look for the Visibility button. From there you can setup the page on where you want the widget to show or be hidden. You can add multiple condition by clicking the Add Condition link.