Jump to content

Archived

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

BentleyD

QuickCarousel Padding

Recommended Posts

BentleyD+    2
BentleyD

Hey guys,

 

I'm working on http://websitealright.com and I can't seem to figure out how the section padding works. I currently have it set at Vertical top/bottom padding 100px so it will actually shows my images. I have the horizontal on -select- ....

 

I'd like it to be flush with the header. So, basically zero top padding, while displaying the entire height of the image. Please help!

Share this post


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

Hi,

 

Don't select 100px for the vertical, select 0. This should resolve your issue, if it doesn't then there is likely padding coming from somewhere else. Which you will need to reduce or remove, as all sections/elements contain some kind of padding/margin.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
BentleyD+    2
BentleyD

Danny I've tried selecting 0 and still no luck. The bottom of the images are cut off. Every other section on the site so far is still default out of box settings so I can't see how this would effect anything. Please help!

Share this post


Link to post
Share on other sites
BentleyD+    2
BentleyD

James B If you're still around brother, maybe you have a solution.

Share this post


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

James B is no longer a PageLines employee, therefore, @mentioning him is pointless.

 

In regards to your issue, I am not even sure what you have done to get those images cut off ? I have just this moment downloaded one of your hat images, added it several times and my Carousel looks like this - https://cloudup.com/cenUE2pLdmH

 

If I want to have the Carousel flush with the Fixed Navbar, I simply remove the padding for the Canvas area that it is placed him - https://cloudup.com/cbqmrSm2WCs


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
BentleyD+    2
BentleyD

Danny Like I said, I literally downloaded DMS 2 and put this plugin in place. There is obviously a technical issue here. In the past I have given my login credentials to a pagelines employee (including james) and they helped me troubleshoot the issue. I've done everything you asked and I'm still having the issue. If you could send me an email address to securely send over my credentials and take a look, that would be very appreciated.

Share this post


Link to post
Share on other sites
BentleyD+    2
BentleyD

For everyone who has this issue, the solution was to choose the "Max Items In View" I set mine to "10" and it solved the issue!

Share this post


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

So you hadn't configure the section correctly ? Also, did you remove the padding from the Canvas area ?


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • ProCom
      By ProCom+
      Hello, I built a WooCommerce website with Pagelines lines and I have two questions. 
      I would like to add text below my quickcarousel on the home page. Text would be displayed below the image would be the category name. On the Epson carousel you can see text below the image. I would like to do the same thing to my ProCom website.
      https://www.usaprocom.com/
      My second question is there a function to show how many items in cart on the menu for pagelines? 
       
      Any help will be appreciated. Thank you. 
       


    • ProCom
      By ProCom+
      Hello, I am trying to figure out how to add text links below images on the QuickCarousel. I am trying to create a carousel similar to the Epson Carousel. I have Platform 5 and using the DMS QuickCarousel. 


    • lbhansen
      By lbhansen+
      I am slowly getting closer to something I like for the general appearance of my site. What's currently nagging me is trying to remove the top and bottom padding/margin from the image in the header. It seems that I've done what I want with the menu but there was dead space above the image and between the image and menu.
      Trying out padding and margin settings, I got something that came close to what I want but saw odd behavior along the way. Changing either the top or bottom padding to 0 (from blank), removed all padding from the top and sides but left a small band between the image and menu.
      Setting all eight padding and margin settings to 0 removed all except the band between image and menu. (But it seems that entering 0 in only the top or bottom padding option is all that was needed.)
      So, heading into the twilight zone, I changed the bottom margin to -1. That removed the band but allowed the menu to slightly overlap the image. AND, narrowing the browser, or viewing on a phone, caused the band to reappear.
      Perhaps there's also a problem with the menu but I don't see it.
      So that's where it stands at the moment: http://756.a44.myftpupload.com 
      I seems to me that if there is a default padding value, setting it to 0 should be all that's needed to get the two sections to meet perfectly on any device/browser width.
    • Perry
      By Perry+
      Hello There, 
      I am working with Platform 5 and have run into an unnerving problem. I am trying to position my clients picture along the bottom of the container, so that it sits right on the bottom. After a good hour of googling and messing with the CSS I figured I would ask the question here. Below is my screenshot displaying my problem. I will need to do this frequently in the future. 
      My Problem Image
      Unlike in DMS, when I add a margin to an embed or image box it simply makes the container larger while keeping the padding, I cannot have any padding or any space whatsoever on the bottom of my clients image.  Is there a way to remove all padding from the container so I can have this work across screen sizes? If not is there anyway to position an element directly at the bottom of another element in Platform 5? This seems like a basic feature and was easily attainable within DMS. 
      I cannot create an image combining all these elements as it will not scale well on mobile and will make my clients logo unreadable and her face incredibly small. 
       
      Thank you for any help,
      Perry
    • chamois_blanc
      By chamois_blanc+
      Hello,
      I am a bit confused about the usage of percentages for section padding/margin settings in the PL5 UI. Percentages don't scale well for mobile devices (especially in height), so those settings are pretty much useless. Case in point, the defaults are expressed in rem units, not percentages:
      .pl-sn-pad { padding: 1rem; ... } Why force the user to use percentages in the PL5 section UI when it would have been as easy to let the user specify the unit?
×