Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #651611

    I’m trying all my related product images plus text to be the same size. Is there a way to set the size of the box (which encompasses the thumbnail image and the title of the image) to be a consistent size? For instance, can I make the height a set size so all related images boxes are 150px instead of some being taller or shorter based on the size of the picture or length of the title?

    Here are two links where you can see how different the box sizes are on the page:

    And here is an example of what I’d like to see: http://int-bio.com/relatedproducts.jpg So, the width could be like it is now, but the height would be taller so the outlined grey rule would be the same height for all related products.

    Also, is there a way to center the related items instead of having them flush left? So if there are three, they would center like this:
    http://int-bio.com/3centered.jpg Or if there were only two they would center like this: http://int-bio.com/2centered.jpg.

    Thanks for your help!
    Melissa

    #652475

    Hey melissaek13,

    Thank you for using Enfold.

    We checked the pages and the grid looks consistent. Did you figure this out? If not, we can set a minimum or maximum height to the images.

    Best regards,
    Ismael

    #652620

    I figured out how to make them the same height, but still can’t center them. Can you help me figure out how to center them per my initial email to you?

    Thanks!
    Melissa

    #653831

    Hi,

    can you send us a precise link where we can find these elements on your website please? http://int-bio.com/3centered.jpg

    Best regards,
    Andy

    #653835

    There isn’t a place on my site where you can see the images centered like in the JPG I sent you…I did that in Photoshop as an example of what I wanted. Below is a link of a page that we would like to look like 3centered.jpg. Can these three items be centered within the body of the page instead of flush left?

    And on this page, can these two items be centered within the body of the page instead of flush left?

    Thanks –
    Melissa

    #653847

    Hi,

    thanks for the links.

    Try this code inside of Quick CSS field:

    .grid-sort-container.isotope.no_margin-container.with-title-container.grid-total-odd.grid-col-4.grid-links-.isotope_activated {
    left: 15%;
    }
    

    and for second page:

    .grid-sort-container.isotope.no_margin-container.with-title-container.grid-total-even.grid-col-4.grid-links-.isotope_activated {
    left: 25%;
    }
    

    adjust as needed.

    Best regards,
    Andy

    #653872

    Well, it works in some instances, when there are less than 4 items in the list. But some of the other pages have 5 or 6 images, so it just shoves them over and some of the images end up under the side bar. Like this page:

    Any other suggestions?

    #654210

    Hi,

    don’t think there is another easy possibility. Did you build your page using ALB? Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    Login credentials include:

    • The URL to the login screen.
    • A valid username (with full administration capabilities).
    • As well as a password for that username.
    • permission to deactivate plugins if necessary.

    Best regards,
    Andy

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.