- This topic has 18 replies, 3 voices, and was last updated 10 years, 1 month ago by
Sakin.
-
AuthorPosts
-
July 12, 2014 at 10:40 am #38670
Matthew
ParticipantHi Sachin-
How can I change blue color of arrows in featured slider? Also there is a blue line at bottom of featured slider, and just above the start of the footer widgets.Any way to remove or change the color of these?
Thanks.
July 13, 2014 at 8:02 am #38737Sakin
Keymaster@Matthew: You can change the color code in the following CSS and then add it in “Appearance => Theme Options => Custom CSS” box.
/* For Slider Arrow Background Color */ #slider-nav a { background-color: #21759b; /* Show a solid color for older browsers */ background-color: rgba(33, 117, 155, 0.6); } #main-slider #slider-nav a:hover { background-color: #21759b; /* Show a solid color for older browsers */ background-color: rgba(33, 117, 155, 1); } /* For Slider and Footer Border Color */ #main-slider { border-color: #1b5f7d; } #colophon { border-color: #1b5f7d; }
July 13, 2014 at 10:36 am #38747greengiant
ParticipantHi Sakin: Thanks very much.
Got almost all to work. For the arrows on the featured slider, I changed the hovering color.
1) The only part not working is the arrow and 3-dots on the featured slider are still default blue color. Is there some additional CSS for this?2) Also if I would like to change the font color from white to black of to make the font size smaller in the headline or the footer widgets or the copyright footer, is there some CSS for this?
Thanks again!
July 13, 2014 at 10:52 am #38748greengiant
Participant3) Also a blue line remains on the lower border of the headline. Any CSS to remove this?
Thanks!
July 13, 2014 at 11:22 pm #38787Sakin
Keymaster@greengiant:
1) You can change the color code as per your need and then add it in “Appearance => Theme Options => Custom CSS” box./* For Slider Arrow Text Color */ #slider-nav a { color: #ccc; } #main-slider #slider-nav a:hover { color: #fff; } /* For Slider 3 dots controllers colors */ #controllers a { background-color: #fff; } #controllers a:hover, #controllers a.active { background-color: #21759b; }
2) You can change the color code as per your need and then add it in “Appearance => Theme Options => Custom CSS” box.
/* Color for Homepage Headline */ #homepage-message { color: #fff; } /* For Footer Copyright Text Color */ #site-generator { color: #ccc; } /* For Footer Copyright Link Color */ #site-generator a { color: #eee; } /* For Footer Widget Header Text Color */ #supplementary .widget-title, #supplementary .widget-title a { color: #fff; } /* For Footer Widget Text Color */ #supplementary .widget-area, #supplementary .widget-area a { color: #ddd; }
3) You can add the following css in “Appearance => Theme Options => Custom CSS” box.
#homepage-message { border-bottom: none; }
July 14, 2014 at 12:55 am #38793greengiant
ParticipantHi Sachin. Thanks. Still having trouble with background solid color of arrows (stays default solid blue without hovering) on featured slider. Able to change hover color and text color of the arrows. Any ideas?
Thanks.
July 14, 2014 at 11:08 am #38823Sakin
Keymaster@greengiant: Post in your site URL so that I can check in what you have added in as I have already given you various css.
July 14, 2014 at 6:44 pm #38842greengiant
ParticipantHi Sachin:
male reproduction.org
4) Also, possible to get CSS for making font in footer widgets smaller?
Many thanks for the excellent support of the theme.
July 15, 2014 at 9:13 am #38883Sakin
Keymaster@greengiant:
You can replace your old css/* For Slider Arrow Background Color */ #main-slider #slider-nav a { background-color: #339933; /* Show a solid color for older browsers */ } #main-slider #slider-nav a:hover { background-color: #339933; /* Show a solid color for older browsers */ background-color: rgba(51, 153, 51, 0.7); }
With the following css:
/* For Slider Arrow Background Color */ #main-slider:hover #slider-nav a { background-color: #339933; /* Show a solid color for older browsers */ background-color: rgba(51, 153, 51, 0.7); } #main-slider #slider-nav a:hover { background-color: #339933; /* Show a solid color for older browsers */ background-color: rgba(51, 153, 51, 1); }
Note: I see that you have used Catch Kathmandu Free theme and have posted in question in Catch Kathmandu Pro theme support. Also you have remove the footer theme info
Theme: Catch Kathmandu
, which is not allowed in Free theme. We have option to remove this only in Pro version. In free version as per the license and terms of agreement, you are support to add it. Also this is not social as you are getting free theme and free support and we are only getting this link that also if you remove it then what is for us. Please add back.July 16, 2014 at 7:35 am #38939greengiant
ParticipantHi Sakin:
This works for the arrows. I appreciate all of your help. I actually purchased Catch Kathmandu pro theme a few days ago.Possible to get CSS for making font in footer widgets smaller?
Thanks
July 16, 2014 at 11:15 pm #40773Sakin
Keymaster@greengiant: You can use the following css.
#supplementary { font-size: 14px; }
July 23, 2014 at 8:30 pm #41332Matthew
ParticipantHi Sakin:
Many thanks for your help:1)Still unable to change size of the font in the footer widget using the CSS you provided. Any thoughts?
2) Also I have added a featured post to my homepage. Is there any CSS that can remove the “posted on xx date”, “by xx author” line, and “posted in xx category” line from a particular post?Thanks again.
July 23, 2014 at 10:46 pm #41336Sakin
Keymaster@Matthew: Can you post in your site URL then I can check in.
July 23, 2014 at 10:46 pm #41337Matthew
ParticipantHi Sakin:
male reproduction.orgThanks
July 23, 2014 at 11:15 pm #41345Sakin
KeymasterHi Matthew,
For footer widget font size, you can adjust the font size in the following css as per your need and then add it in “Appearance => Theme Options => Custom CSS” box.
/* Widget Font Size */ #supplementary .widget-area { font-size: 16px; } /* Widget Title Font Size */ #supplementary .widget-area .widget-title { font-size: 20px; }
To hide post met in homepage post, you can add the following css in “Appearance => Theme Options => Custom CSS” box.
.home #content .entry-meta { display: none; }
Regards,
SakinJuly 24, 2014 at 6:07 pm #41385Matthew
ParticipantHi Sakin-
Thanks.
1) For the hiding of post author,date, and meta data, it did not disappear with the above CSS. any other ideas?
2) Also is there a way to remove the second gray line (which goes half way across the homepage) at the bottom of the featured post on the home page and just above the footer?Many thanks. I am letting others know about your terrific support of this excellent theme!
July 25, 2014 at 1:50 am #41409Sakin
KeymasterHi Matthew,
1) I just check in your Custom CSS and see there are issues. That is why it is not working. There is lot of extra closing brackets
}
See this
#colophon { background-color: #339933; padding: 0px 0; } }
You need to remove the extra bracket
}
and it should be as#colophon { background-color: #339933; padding: 0px 0; }
Same here as well, extra bracket
}
#homepage-message { border-bottom: none; } }
You need to remove the extra bracket
}
and it should be as#homepage-message { border-bottom: none; }
Then you can missing closing bracket
}
in the following/* For Footer Widget Header Text Color */ #supplementary .widget-title, #supplementary .widget-title a { color: #FFFFFF;
You need to add the closing bracket
}
and it should be as/* For Footer Widget Header Text Color */ #supplementary .widget-title, #supplementary .widget-title a { color: #FFFFFF; }
2) You can add the following css in “Appearance => Theme Options => Custom CSS” box to remove the border.
.home .site-content article { border: none; }
Regards,
SakinJuly 25, 2014 at 2:39 am #41419Matthew
ParticipantHi Sakin. This worked to remove the extra brackets! Thanks for your all your assistance.
Do you know CSS that can remove the extra white space padding between featured post on homepage and the footer widgets?
July 25, 2014 at 9:48 am #41430Sakin
KeymasterHi Matthew,
You can replace the the css that I gave you earlier:
.home .site-content article { border: none; }
With the following css.
.home .site-content article { border: none; margin: 0; padding: 0; }
-
AuthorPosts
- The topic ‘Change featured slider arrow color’ is closed to new replies.