Jump to content

Archived

This topic is now archived and is closed to further replies.

werdnags

Reduce shaded text area on QuickSlider

Recommended Posts

werdnags+    0
werdnags

Hi Folks,

 

Does anyone know how I can reduce the shaded background for the rotating text on QuickSlider?

 

I would like to shorten it so it matches up with the text a little bit better.

 

Thanks.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Can you provide a link to your site and also more information, as I am not entirely sure what it is you're referring too, a screenshot will be useful.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
werdnags+    0
werdnags

Thanks Danny,

 

I would like to reduce the width of the shaded box behind the text.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Can you provide a link to your site please.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
werdnags+    0
werdnags

Sorry Danny, the site isn't live yet.

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

You will likely need to use this code and change the value.

 

#site .flex-caption {
max-width: 10%;
}
 
However, the value is pre-set so that it matches the text inside, reducing this value will effect all sliders and if some sliders have more text than others, it will make the text go out of alignment and look rather odd. I think the best thing would be to leave it as it is.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
werdnags+    0
werdnags

Thanks Danny, that's just what I need.  I am just going to reduce it slightly so the longest line of text fits.

Share this post


Link to post
Share on other sites
James B    436
James B

Thank you for updating the thread and letting us know it's resolved.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

  • Similar Content

    • triggerfish
      By triggerfish+
      I am stumped here, The Mega menu drop down menus are going under the Quickslider.
      I have tried the Z-index with no luck..any ideas here would be greatly appreciated.
      http://randbplumbing.ca/slider-test-3/
       
    • richardjacruz
      By richardjacruz+
      I received our monthly Alexa report, and it pointed out that there were missing alt tags on EVERY page on our site. Upon closer inspection, it looks like the QuickSlider which is used for the scrolling banners at the top of the site doesn't bring in the alt tags. Recently, you made a change to the RevSlider to allow images to have "alt" tags. Can you do that for the QuickSlider too?
      Thanks.
    • selmakdesign
      By selmakdesign
      Hi!
      Could really use some help on this one:
      How can I customize the navigation in the quickslider?
      The navigation (previous and next slide) is a font awesome icon which looks like a simple grey box.
      1. I'd like to replace this with custom arrow images?
      2. Is it possible to also add to the navigation: first slide/last slide?
       

    • pehja
      By pehja+
      Hello!
      I am getting pretty tired of things that does not work as it should in DMS. Now it is impossible to have a two column footer with quickslider as one of the items. Take a look here http://pehjaproduction.se/kulingen/
      I have tried three column, two column, no column. nothing works. 
    • saur0
      By saur0
      Hi, i'm in the process of building a site for a client, but the the dropdown part of the navbar is going behind the quickslider section. Ive tried removing and re-adding the sections but it doesn't changes anything. I've  never had this problem before when using these sections. 
      The Navbar is in the headder and the quickslider is on the main page. The site is http://tvfrom.net
       
×