[mix_max]

Hi Mehmet, I am trying to create a text effect on the front page like this:

http://i41.tinypic.com/ndkciq.jpg

I want to have text without any drop shadow effect and with a white background at different places on the page.
I’ve tried adding the following to the custom css but that only partly works:

.cover h1 { font-size: 35px !important; }
.cover h1 {background-color: #FFFF66 !important;}
.cover h1 {display: inline !important;}

The background color fill is to big and I can’t get the text in the right position.

Any help would be greatly appreciated!

[Mehmet S.]

Will you use cover_caption shortcode?

[mix_max]

No, right now I’m using this for the front cover:

EXAMPLE TEXT

And this in the Custom CSS:

.cover h1
{
font-size: 35px !important;
color: black;
background-color: #ffffff;
text-shadow: none;
display: inline;
line-height:50%;
}

It works, but it is not responsive. So should i use cover_caption shortcode instead? And what should I add tot the custom css?

Thanks.

[mix_max]

Sorry, I ment this for the front cover:

h1 style="position: absolute; left: 30px; top: 100px; width: 140px; height: 30px; background-color: #ffffff;">EXAMPLE TEXT</h1

[Mehmet S.]

I can’t see your image in that site. Please upload your image to http://droplr.com