Jump to content

Archived

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

kwp4petar

DMS2: How to Vertically Center Quick Slider

Recommended Posts

kwp4petar    0
kwp4petar

Dear Support forums,

I'm trying to vertically center a Quick Slider so that when someone with a huge monitor loads the page, the quick slider moves to the center of the screen (as I want to avoid resizing unless you guys have a way to resize a QuickSlider to fit the width of the person's screen, rather than the height).

Here's what my landing page looks like on my laptop (15" screen):
tumblr_n44z4zAYri1rbsxtko1_1280.png


And here is a photo of the landing page (different slide, but same quick slider) on a 32" iMac fullscreen:

tumblr_n44z4zAYri1rbsxtko2_1280.pngI'm open to any suggestions, especially any resizing ones since I can't seem to get sizing done well with dms2.

Thanks,

Peter

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Hello Peter 

 

Could we have a link to your site please?


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
GetMeWebDesign+    115
GetMeWebDesign

this is the site http://talipayments.com/


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
greenfly    230
greenfly

Add a full width Canvas area to the template and then add the quickslider to that area

 

You will get this effect on a 27" iMac which is the largest imac screen apple produce ;)

 

 http://screencast.com/t/TMcNt2cM


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
GetMeWebDesign+    115
GetMeWebDesign

Add a full width Canvas area to the template and then add the quickslider to that area

 

You will get this effect on a 27" iMac which is the largest imac screen apple produce ;)

 

 http://screencast.com/t/TMcNt2cM

Not quite on topic but how would you emulate a 27" screen to test this? 


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


Link to post
Share on other sites
GetMeWebDesign+    115
GetMeWebDesign

Cheers Danny. have looked at that before but never realised quite the number of options and have relied on Chrome developer etc rendering. TBH never even really considered viewing a site on such large screens... for me it is mobile, mobile, mobile LOL


Chrome Developer tools - please use them. If you are not sure how, then it is easy to learn

Be inventive in your keyword search of the forum ie Navi > Navbar > menu > tabs > font > color. Your answer lies there somewhere!

Share this post


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

lol, no problem.

  • Like 1

Please search our forums, before posting!

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) 
    • 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
    • clj182
      By clj182+
      Hello,
      I've been having trouble unlocking the template section for past couple of weeks. When I try clicking nothing happens. 
      I've deleted my custom css and removed plugins. Im down to having only the following plugins:
      Akismet
      Contact Form 7
      DMS Professional Tools
      Pagelines Updater
      WooCommerce
      It was working fine before i have no idea what's going on with it.
×