Hero Theme: Change colour of link & Titles in search

• 

  oasiswebsite · Member · Jan 19, 2015 at 4:16 am

  • Copy link
  • Add topic to favorites

  Friends,
  I need to do few customization in my website.
  Your help will be very useful.

  I already added customization of
  https://en.forums.wordpress.com/topic/can-i-change-body-background-color-on-hero-theme?replies=3

  But I need
  1. To change color of links from Red to Brown, Also square blocks of slider & Read more to be changed from red to brown.
  2. When I search something, titles of post comes as white. I want to put is as Black or brown.
  3. Is there any way to change the style or size of slider? I intend to align photos of slider left instead of right.
  4. Also can I change the font of Titles of post in slider?

  Thanks in advance.

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

• 

  staff-happychia · Staff · Jan 19, 2015 at 9:09 am

  • Copy link

  1.

  a, .more, .more:visited, #home-slider-wrapper:hover .flex-direction-nav li a {
  background: brown;
  }

  2.

  .search #content .entry-title a {
  color: green;
  }
  
  #content .entry-title a:hover, #content .entry-title a:focus, #content .entry-title a:active {
  	color:red;
  }

  3.

  .featured img {
  	float:left;
  }

  4.

  .featured .entry-title a {
  	font-family: serif;
  }

  Please feel free to pick the relevant values for colors, fonts etc in the above styles.

• 

  oasiswebsite · Member · Jan 19, 2015 at 10:07 am

  • Copy link

  Thanks Chaitanyabhai,
  I could resolved points 2 to 4 but not the 1st one.
  Some dark brown background appears from SIte Title, Menubar, Photo of slider to bottom link.
  What I want is to change the font of those text which are red at present.

• 

  oasiswebsite · Member · Jan 19, 2015 at 10:14 am

  • Copy link

  All the drop down menu appears blackback ground which I want to change to light say #f3f3ae.
  And when mouse over it, it should become darker.
  Also very important is to all links of custom menu in Bottom widget is in Red which I want to change in brown.

• 

  staff-happychia · Staff · Jan 19, 2015 at 2:21 pm

  • Copy link

  Please try these:

  a  {
  color: brown;
  }
  
  .more, .more:visited, #home-slider-wrapper:hover .flex-direction-nav li a {
      background: brown;
  }

  Dropdown and dropdown hover. Please feel free to change the colors.

  .main-navigation ul ul a {
  background-color: #f3f3ae;
  color: #c9c9c9;
  }
  
  .main-navigation ul ul a:hover {
  background-color: #ff0000;
  color: #fff;
  }

• 

  oasiswebsite · Member · Jan 20, 2015 at 3:33 am

  • Copy link

  Thanks Chaitanyabhai,
  It worked. You are simply great! :)

  One thing remains is that in bottom widget some of the links still remains red. I could not figure out the reasons why it is so. You can have a look at it. Is it possi to resolve?

• 

  staff-happychia · Staff · Jan 20, 2015 at 3:54 am

  • Copy link

  Those are the visited links. Links will turn red as you visit them.

• 

  staff-happychia · Staff · Jan 20, 2015 at 3:55 am

  • Copy link

  Obviously, there is a CSS rule that changes the color of visited links to red.

• 

  oasiswebsite · Member · Jan 20, 2015 at 5:14 am

  • Copy link

  Ok. Got it. Thanks. You will make me master in few days. :-)
  Which is that CSS line for visited link colour?

  What is CSS for keep sliding the slider automatically upon certain interval, say 15 seconds?

• 

  oasiswebsite · Member · Jan 20, 2015 at 5:16 am

  • Copy link

  Also in Hero theme, by default WP has not provide any indication that shows how many posts/slides are there in slider. (No. of Dots or Numbers).
  Will it be possible to put to show the viewer how many slides are there in slider?

• 

  staff-happychia · Staff · Jan 20, 2015 at 7:12 am

  • Copy link

  Here is the visited link selector currently set to red(#f00). Change it to the color you prefer for your visited links.

  a:visited {
  	color: #f00;
  }

  CSS cannot be used for the things like auto slider, or displaying number of posts on the slider.

• 

  oasiswebsite · Member · Jan 20, 2015 at 8:59 am

  • Copy link

  It worked Chaitanyabhai but somehow block in which readers write comments has turned black. I could not found which is code affecting it. Any correction to be done by me?
  How to set slider sliding automatically

• 

  staff-happychia · Staff · Jan 20, 2015 at 9:09 am

  • Copy link

  Comment form background:

  .highlander-dark #respond form {
      background: #fff;
  }

  It is not possible using CSS to make the slider scroll automatically.

• 

  oasiswebsite · Member · Jan 20, 2015 at 9:37 am

  • Copy link

  It did not work. :(
  some other code written?
  Or some conflict with previous code?
  Pl check whole CSS.

• 

  oasiswebsite · Member · Jan 20, 2015 at 9:37 am

  • Copy link

  It did not work. :(
  some other code written?
  Or some conflict with previous code?
  Pl check whole CSS.

• 

  staff-happychia · Staff · Jan 21, 2015 at 9:42 am

  • Copy link

  Oops, sorry.

  Try this please:

  .highlander-dark #respond #comment-form-comment {
      background: white;
  }