Jump to content

Archived

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

pondhopper

Reduce space below slider

Recommended Posts

pondhopper    0
pondhopper

Is anyone able to help me with reducing the space below the slider as in http://www.secttechcenter.com/news/

 

I have taken a look at the CSS and removed all padding, but cannot find any obvious fixes.  It is a bit of an issue between each of the widgets, but the space below the slider is the biggest issue.

 

The custom code that I have for the slider is:

 

.fslider {
   background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
   border-radius: 0px 0px 0px 0px;
   box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
   padding: 0px;
   width: 100%;
 
All help very gratefully received!

Share this post


Link to post
Share on other sites
Rob    547
Rob

You have a high margin or padding at the top of the text area below with a custom class:

<p class="homepageintro">  That's knocking the text down quite a bit. I'd find that in your CSS (.homepageintro) and see if it has some padding or margins.

 

If not, set them to padding-top: 0;  or margin-top: 0; and see if that works.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
pondhopper    0
pondhopper

Hi there, thanks for this but I think the issue is actually that the text box is set up to expect a title and there is no option to "ignore" the title if one is not added.  Therefore it was leaving a blank space where it expected the title to be.  I'm just not comfortable with being restricted to drag and drop ... so I suppose I need to go and learn to PHP :) That said, I really appreciate the help that you guys offer and your responsiveness!

Share this post


Link to post
Share on other sites
Rob    547
Rob

If there's no title, there should be 0 extra padding or margins above or below to make room for the title.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

  • Similar Content

    • Perry
      By Perry+
      Hello there,
      We are still using DMS 2 and were wondering if it was at all compatible with slider revolution. (https://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380). Our issue is that the default revslider for DMS clips the top and sides of videos when made responsive. As the video is made smaller or larger the bottom of it tends to be cut off, or the sides are. We noticed slider revolution was 100% responsive, but have had numerous issues even getting it to display in DMS 2. We have tried using the shortcode, and various php scripts to no avail. Our last attempt was to try and load it with header scripts, but at this point we seem to be further away than ever. 
      This leads me to a few questions:
      1. Is Slider Revolution even compatible with DMS2?
      2. Is there a way we can get 100% responsive video in DMS 2 with zero clipping? (tonyrobbins.com is another good example of the effect we are trying to achieve.)
      3. If Slider Revolution is compatible, how do we go about adding it in?
       
      Thank you for any help.
       
    • vanessabt
      By vanessabt+
      Hi Developers, I wasn’t sure what the best way to get feedback was but didn’t really want to put this in the facebook group, I did put this in the slack developers group but trying to figure out the fastest way to get feedback.  I am starting a new site for a client and was looking through the showcase to see if there were any samples for slider modifications like I am trying to do for our build and couldn’t find them.  Basically I want to have a blue section at the bottom of each slide that has text in it.  The text will change with each slide along with the image.  Was wondering if anyone had any thoughts on how this modification could be made?  Here is a sample of the slider from the design.

    • paoloimperiale
      By paoloimperiale+
      Hi, 
      I was wondering if there's a way to modify the slider container size? My client would like it skinner- not as tall. How would you suggest doing that?
      Thank you.
      (this is for the paoloimperiale.com slider on the homepage) 
    • crose
      By crose+
      Hi,
      I am using the Canvas Area section at the top of my site. I have a video playing in the background, which works really well on desktop. But on mobile video doesn't play without user interaction, so I have a static image in place as an alternate image. However when viewed on a mobile device there is now a play button over the static image that does nothing. This didn't use to happen so I imaging it is due to an upgrade. But this is really bad UX. Is there a way to remove it?
      Here is the site:
      http://gator4088.hostgator.com/~asif/
      Thanks in advance.
      Chuck
    • jacobtippett
      By jacobtippett+
      Hi,
      I am trying to get the background image of the Revslider to be clickable and redirect to a link.
      Does anyone know how this is possible?
×