Jump to content

Archived

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

nadielp

Revslider, sizing width of display area and centering the contents

Recommended Posts

nadielp

Hi Everyone,

 

I have been trying to reduce the size of revslider on a site. I needs to fall within the area of the navigation above it. I have been working with this code:.

 

revslider-container {

  width: 90% !important;
  position: center;
  padding: 0;
  max-height: 600px !important;
  overflow: hidden;
}
 
The site is http://nela-pow.org/ and the slider is on the landing page...
 
This address the size but it leaves the slider to the left instead of centering it...what I am missing here?
 
Thanks for any input on this.
 
nadielp

Share this post


Link to post
Share on other sites
greenfly

Try adding 

 

.revslider-container {
  left:16px;
}

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly

or rather with your setup 

 

.revslider-container {
  left:16px;
  width:97% !important;
}
 
This is how the rev slider will be displayed http://screencast.com/t/wL2cXhhdO

The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
greenfly

Hi @nadielp 

 

Just alter the values in the CSS until you get the desired results. 

 

Try adding the code changes i suggested and then use your browser inspection tools or Firebug to make the changes until you get the desired effect. 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
nadielp

Thanks Martin...I thought that would be the end result I just wanted to make sure there wasn't something more "elegant" before I did that. I appreciate your time and information! Thanks!

Share this post


Link to post
Share on other sites
greenfly

Did you manage to get the desired result? 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
nadielp

yes I did...set inside the area I wanted and centered. Thank you!

Share this post


Link to post
Share on other sites
greenfly

No problem - i should have just checked the site ;)

 

Looks great by the way 


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites
nadielp

Thanks Martin, I really appreciate it!

Share this post


Link to post
Share on other sites
greenfly

:)


The answer to many issues can be found by searching in the forum before posting as someone else  may very well have had the same problem before you have.  Also, reading the documentation can help you gain a good understanding of how everything works. 

 

Please do not send me private messages. Occam's razor - The principle states "Keep things simple!"

Share this post


Link to post
Share on other sites

  • Similar Content

    • Adrian D Zussino
      By Adrian D Zussino
      Hello, I want to use a RavSlider but a don´t want that it size full width. Is there a way or other component to do that.
      PD: Please be patient, my English is not good. Thanks
    • stijnxo
      By stijnxo+
      The Filtering of categories in the Masonic Gallery refreshes back to ALL categories when the DMS Revslider loads a new image?
      Anybody any idea? See Artists Category refreshes back to ALL when the DMS Revslider with images on the top loads a news image on http://www.18hrsfestival.nl/
    • carl
      By carl+
      Trying to convert a site over to PL5 from DMS2. Can we use revslider? Can any portion of DMS2 be editable or imported through PL5?
      I'm trying to wrap my head around the new PL5 os, but things have changed so much it like learning a new software. I DO like the new UI! Great job.
    • Lisa Haran
      By Lisa Haran+
      Hi 
      I have a map here http://www.iloveoffset.com/maps/
      I want to add several pointer locations to the map, but when I do they do not appear.
      On this map there are 2 pointer locations and as you can there is only one visible.
      Earlier today I added 7 and could only see 4 so there is something odd going on.
      My theme is up to date
    • jennajonesdesign
      By jennajonesdesign+
      Hi Guys, 
      I just went live with this site. http://bikenet.org/
      I can see the video background in Firefox, Chrome and IE on my computer as well as my husband's computer and my phone. So I am not able to see any problem. 
      But, my client says she cannot see the video background in Chrome?? Any ideas? 
      Let me know. Thanks!
       
      Jenna
×