Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 21, 2016 at 6:06 pm #651611
    melissaek13

    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:

    Transport Incubators

    AeroNOx

    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

    June 23, 2016 at 5:42 am #652475
    Ismael

    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

    June 23, 2016 at 2:47 pm #652620
    melissaek13

    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

    June 27, 2016 at 3:54 pm #653831
    Andy

    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

    June 27, 2016 at 3:58 pm #653835
    melissaek13

    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?

    Related Products

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

    Via Medical

    Thanks –
    Melissa

    June 27, 2016 at 4:15 pm #653847
    Andy

    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

    June 27, 2016 at 4:39 pm #653872
    melissaek13

    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:

    Custom Configuration

    Any other suggestions?

    June 28, 2016 at 2:03 pm #654210
    Andy

    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

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