[delboorman]

Couple of questions about the text boxes on the featured slider?

How can I change the font sizes for the header text to be one size and the post text another?

Can I set a fixed width for the text boxes?

Is it possible to remove the shading on the text boxes?

Can I set the position of where the text boxes are displayed on the slider?

And finally is it possible to position the next/previous pips at the bottom of the image to the right?

Many thanks.

[Sakin]

@delboorman:
1. How can I change the font sizes for the header text to be one size and the post text another?
— The header text and the post text in the slider is different. Can you explain it in reference to your site URL.

2. Can I set a fixed width for the text boxes?
— Sorry I don’t get it what you mean. Fixed width with have problem with your mobile devices. Can you tell me what is your expected width that you want to change to.

3. Can I set the position of where the text boxes are displayed on the slider?
— Yes you can set it. Let me know where you want to position to.

4. And finally is it possible to position the next/previous pips at the bottom of the image to the right?
— Sorry I don’t get it. It’s position at the bottom right only.

[delboorman]

Please take a look at http://canterbury.simplyitlimited.co.uk.

I would like to style the slider like this:

At the moment I have changed the image to include the red box but would it be possible to style the current text boxes to be a solid one?

[Websiteguy]

That’s a lot of styling. You may need to hire someone.

What exacting are you changing (move post description to side, change colour, etc.).

[Sakin]

@delboorman: Hiring the customizer is the best idea http://catchthemes.com/hire-customizer/ .

You can try adding in the following CSS in “Appearance => Theme Options => Custom CSS” box.

#main-slider .entry-title span,
#main-slider .entry-title span:hover,
#main-slider .entry-content,
#main-slider .entry-content:hover { 
    background-color: transparent; 
    color: #fff; 
}
#main-slider .entry-container {
    height: 322px;
    left: 12px;
    top: 12px;
    width: 246px;
}
#main-slider .entry-title span { padding-bottom: 0 }
#main-slider .entry-content { padding-top: 0 }
#controllers {
    background: rgba(0, 0, 0, 0.7);
    bottom: 12px;
    left: 12px;
    position: absolute;
    text-align: right;
    width: 966px;
}
#controllers a {
text-indent: 999999px;
    background: rgba(255, 255, 255, 1);
}
#controllers a:hover, 
#controllers a.active {
    background:rgba(180,37,45,1);
}

[delboorman]

Thanks @Sakin, that is fantastic. I will indeed take up your advice about hiring a customiser.

[Author]

Posts