[Matthew]

Hi 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.

[Sakin]

@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; }

[greengiant]

Hi 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!

[greengiant]

3) Also a blue line remains on the lower border of the headline. Any CSS to remove this?

Thanks!

[Sakin]

@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;
}

[greengiant]

Hi 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.

[Sakin]

@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.

[greengiant]

Hi 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.

[Sakin]

@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.

[greengiant]

Hi 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

[Sakin]

@greengiant: You can use the following css.

#supplementary {
    font-size: 14px;
}

[Matthew]

Hi 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.

[Sakin]

@Matthew: Can you post in your site URL then I can check in.

[Matthew]

Hi Sakin:
male reproduction.org

Thanks

[Sakin]

Hi 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,
Sakin

[Matthew]

Hi 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!

[Sakin]

Hi 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,
Sakin

[Matthew]

Hi 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?

[Sakin]

Hi 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;
}

[Author]

Posts