Controlling size of Slider Heading box on Colorway home page

Is it possible to adjust the dimensions of the transparent box (with the color stripe on the right-hand side) that contains the Slide Heading(s) on the Slider for the home page? (I am using only one image, that is, one Slide, so the Slider functionality is not utilized.)

Specifically, I want to decrease the width (by perhaps only 10-20 px) and move the color bar to the left, so that a small portion of the underlying photo is not obscured by the overlying text box. You can see the problem here: http://qedinsight.com.

Thanks.

 

Hello,

Use following CSS code in Custom CSS to reduce width of transparent box.

Code:

.slide .slide-content.entry {
width: 270px;
}

You can increase or decrease width as your requirment.

That will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Thanks, Yogesh. I have entered this code in the appropriate page, and when I click "Save all changes," I get a small, centered pop-up that says "Options Updated." But the size of the box does not change, even if I wait overnight.

Do you have other suggestions?

 

Hello,

Use following CSS code in Custom CSS to reduce width of transparent box.

Code:

.slide .slide-content.entry {
width: 270px !important;
}

You can increase or decrease width as your requirment.

That will resolve your issue.

Thanks & Regards
Yogesh Bhade

 

Hi again, Yogesh

Please read this entire message carefully. What you have been suggesting does NOT work.

You have sent me the same Custom CSS code twice, and I have tried to use it repeatedly -- changing the box width in the Slider from as small as 100px to as large as 500px. (The images in the Slider are the recommended 896 x 350.) But I never see any change in the transparent box at all. None.

Again, here is the Home Page: http://qedinsight.com

I have discovered that, in order for most of the changes that I make in the Appearance > Theme Options screens to be visible, I have to logout from WordPress and then login again. Just to emphasize: When I am editing in WordPress itself, simply refreshing the page always shows edits and changes in posts and pages; but working in the ColorWay Options screens, changes on the home page are not visible unless I totally exit WordPress and then log back in. As long as I proceed in that way, then all of the other ColorWay screens that I have used -- General, Slider, Home Page, Footer -- work properly.

With the Styling > Custom CSS screen, however, not even logout/login makes any difference. I never see any change in the transparent box.

Is this a familiar problem? Do you have any other suggestions that I can try?

Thanks.

 

Hello,

I have checked that you didn't use !important with width of that transparent box. So you didn't see any changes.
Please use following css code in Custom CSS as i give you to solve your problem.

Code:

.slide .slide-content.entry{
width: 270px !important;
border-right: none;
border-left: 8px solid #a63400;
}

It will resolve your issue.

Thanks & Regards
Yogesh Bhade