[JRDPHD]

Hello all,

First, can’t tell you enough how appreciative I am of what’s available here. Very responsive, very thorough and precise, very impressive! For efficiency’s sake, I’ve collected all my questions here, since they are interrelated.

I would like to:

1. Make the slider excerpt area smaller

2. Change the color and transparency of slider excerpt area

3. Change the color of slider excerpt text

4. Remove the fine blue line that shows between the bottom of the slider and the top of the Headline area. I think this is probably the blue in the bottom area of a Headline screen that I am not able to isolate and change it’s color. It only appears full size briefly in transition between each of the featured slides. For some reason I am unable to catch a screen shot of when it happens.

Here is the home page of my site

I have been able to successfully change the color of the slider bar that appears around the slider image, and the color of the Headline, Headline Button and Headline Button hover color so I know that the CSS I insert as suggested from other posts in the forum work in my theme when they work.

However, when I insert the CSS I’ve found for the things I want to accomplish–and these are all explicitly titled exactly as what I want to do–they do not work with my site. It may be that what I am finding will not work with Kathmandu.

Whatever the case, I believe I have done everything possible on my own, and now REALLY need so help ASAP if possible since I have lost my previous source of income and this website is the core of my efforts to replace it. And I literally only have enough cash left to last about another week, if that.

MANY THANKS in advance!

Joe Dane

[JRDPHD]

Forgot to ask for email notification of responses

[Mahesh]

@jrdphd: Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

#main-slider .entry-container {
    width: 250px;
    background-color: rgba( 214, 214, 214, 1);
    color: #00ff00;
    border: none;
}

#main-slider .entry-container:hover {
    color: #00ff00;
    background-color: rgba( 214, 214, 214, 1);
    border: none;
}

#main-slider .entry-container .entry-title a{
    color: #ff00ff;
}

#main-slider {
    border: none;
}

Note: Please adjust the value as per desired.

Regards,
Mahesh

[JRDPHD]

Hi Mahesh,

Thanks for responding so quickly.

I entered what I thought were appropriate changes to the various values, but nothing is changing on my home page after I save the CSS changes.

My changes

#main-slider .entry-container {
width: 350px;
background-color: rgba(244, 175, 66, 19);
color: #f4af42;
border: none;
}

#main-slider .entry-container:hover {
color: #f4af42;
background-color: rgba( 244, 175, 66, 19);
border: none;
}

#main-slider .entry-container .entry-title a{
color: #f4af42;
}

#main-slider {
border: none;
}

[Mahesh]

@jrdphd: Please post in your site url.

Regards,
Mahesh

[JRDPHD]

http://differentkindoflifecoaching.com

[Mahesh]

@jrdphd: The default size of the slider content is 350px. You’ve put 350px in Custom CSS thats why you saw no changes. And other thing is, you are using same color for text and the background.
Let me know further.

Regards,
Mahesh

[Author]

Posts