Jump to content
Sign in to follow this  
jane

Features section - dimensions?

Recommended Posts

jane

Hello,

 

I have a general question that I can't seem to find through searchs so I'm asking it here.

 

What are the dimensions of the feature section?

 

Right now I am uploading pictures  features that look to be "zoomed in" and I want them to just appear normally. I tried static/fixed height however then the area isn't responsive anymore which is what I want.

 

Any advice?

 

 

link

Share this post


Link to post
Share on other sites
Rob

Hi,

 

The width of the slider is based on where you've placed it in the template, and the layout width for that section, less padding and margins.

 

So, if you are using it as a full-width element in Page Templates, and your layout is 1100 px wide, you'd use an image of 1100px by whatever height you want. Just make all your images the same height.  Use Aspect Ratio at 1:1, so there's no scaling.

 

If you're using the slider in the Content Area, and that's 690px, then subtract the padding and margins, (about 60px) from the total width of your content area, making slides of 630px. Again, you can use Aspect Ratio, but at 1:1.   That should keep responsiveness, without the issues inherent in scaling dynamically.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
jane

Thanks for the reply.

 

I tried what you suggested however it didn't work - it only seemed to make the problem worse. So now I've just had to stick to static height mode.

 

(To rephrase, I resized my images to 1100x322 and changed the aspect ration to 1.1 and that only made the "zooming in" worse).

Share this post


Link to post
Share on other sites
James B

Hi there,

 

Once you have the height and width of your image you can work out the specific aspect ratio to apply using http://andrew.hedges.name/experiments/aspect_ratio/

 

Then it will specific to the image you're applying.


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
jane

Thank you James your link to the aspect ratio calculator did just the trick. I appreciate the help!

Share this post


Link to post
Share on other sites
greenfly

hello Jane

 

Thanks for letting us know 


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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×