[svoelker]

Hello,

I’d like to reduce the size of the homepage slider content box so its not covering up so much of the image.

Is there a way to do that?

Thank you.

[Sakin]

@svoelker: Can you send me your site URL and also tell me what you mean by reducing the hompepage slider content box not covering much. Can you send me screenshot of how much you want.

[svoelker]

Hi Sakin. I sent you an email with more info. Thanks.

[Sakin]

@svoelker: Please post it in forum. If it is complicated process then I will contact you directly. First let’s try to work in this forum so that other will also get benefit, who have similar issues.

[svoelker]

Will do. I need to generate urls for the images. I’ll return.

[Sakin]

@svoelker: You can upload the image in your site or any storage devices such as drop-box, pinterest and Flickr and all. Then post the URL here.

[svoelker]

Here’s what I’d like to modify. I think it would be ideal if the box scaled to the amount of content in it. I have a short snippet so I would like to reduce the size from top to bottom and extend it from side to side in both instances.

[IMG]http://i.imgur.com/ahQ4Uvp.png[/IMG]

[IMG]http://i.imgur.com/C8XqkLF.png[/IMG]

Where can we adjust the size of the box to either a fixed dimension or adjust to the amount of text in the box?

[Sakin]

@svoelker: I don’t know which slider you are using. There is option for post slider, image slider and others.

If you are using post slider, then you can adjust the amount of text from the excerpt box in your post. See this http://en.support.wordpress.com/splitting-content/excerpts/

If you are using Image Slider, then you can change the content from the slider options itself.

If you want to adjust the width of the slider text box then you can add the following css in “Appearance => Theme Options => Custom CSS” box.

/* For Screen Size above 960px */
@media screen and (min-width: 960px) {
.featured-text {
    width: 80%;
}
}

[svoelker]

Thanks Sakin. What is the code for editing the height also?

[Sakin]

@svoelker: In the above css you can add the height attribute.

/* For Screen Size above 960px */

@media screen and (min-width: 960px) {
.featured-text {
    width: 80%;
    height: 200px;
}
}

[Sakin]

@svoelker: In the above css you can add the height attribute.

/* For Screen Size above 960px */

@media screen and (min-width: 960px) {
.featured-text {
    width: 80%;
    height: 200px;
}
}

[Author]

Posts