100% width featured slider textbox get's cut off on the right

Travelify
1

Hi!

I’m trying to make the featured slider textbox 100% wide and located at the bottom. Unfortunately the text get’s cut off on the right side.

http://i.imgur.com/3mHJOeJ.jpg (I didn’t use properly sized images yet)

It seems that 100% makes the textbox a little wider than the space for the image. You can also see, that the round corners are cut off on the right side. So the textbox “hangs over” to the right a little bit.

I tried with this CSS in theme options > other.

.featured-text {
	bottom: 0px;
	left: 0px;
        right: 0px;
	text-align: left;
	width: 100%;
}

Greetings,
Karsten

2

Try something like this instead

.featured-text {
    border-radius: 0;
    width: 96%;
    bottom: 0;
    right: 0;
}

Width is set to 96% because featured text area has padding of 20px on each side making it larger than those 100%. Removing padding makes text to appear right on the edges of the box and it won’t look good.

3

Thanks! It’s almost perfect. But based on your CSS I found out that this does the trick:

.featured-text {
    border-radius: 0;
    width: 978px;
    bottom: 0;
    left: 0;
    text-align: left;
}
4

I would recommend using percents or max-width because with your current setup you are losing responsiveness. Of course unless you change @media properties.

5

ok, yes, I forgot that. Thanks again!