Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #768630

    Hello, please view the link (private content). It appears underneath LA ROCHE-POSAY the title of the products are missing. There are 8 products spread over 2 rows with 5 columns. Product 1-3 do not display the title below the image due to the second row of 3 occupying this space. Can you please provide a CSS fix or php fix to address this. Products 1-3 are identical in terms of title/caption etc. It doesn’t matter what order the product is placed, the first 3 titles are missing.

    Thank you.

    • This topic was modified 2 years, 4 months ago by  JasonC.
    #770263

    Hey JasonC,

    Please send us a temporary admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    #770455

    Thank you… access supplied.

    Please let me know the changes that were made/required.

    #771839

    Hi JasonC,

    I got 404 on both of those links. Can you please update the link if you still need help with this issue.

    Best regards,
    Victoria

    #772120

    Hi Victoria – sorry we placed the site live yesterday. Same admin details. New links below. Thank you

    #773482

    Hi JasonC,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css. This is a very temporary solution:

    
    @media only screen and (min-width: 1000px) {
    .grid-entry.flex_column.isotope-item.all_sort.no_margin.post-entry.post-entry-286,
    .grid-entry.flex_column.isotope-item.all_sort.no_margin.post-entry.post-entry-288, 
    .grid-entry.flex_column.isotope-item.all_sort.no_margin.post-entry.post-entry-290 {
      top: 296px !important;
    }
    
    }
    

    The images will be jumping on different screens, in order to get a solid solution, you might want to prepare images with 495×400 sizes, this is the one used for portfolio masonry and will work great in this case.

    If you need further assistance please let us know.

    Best regards,
    Victoria

    #775226

    Hi Victoria – thank you and I took your advice and changed the image sizes. Only issue is with responsive mobile, portrait and landscape, the product titles do not appear, only the last (end) image titles appear – thank you.

    #776089

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 767px) {
    div .av_one_fifth { height: auto !important; }}
    

    Best regards,
    Yigit

    #776364

    Perfect – thank you very much…

    #776476

    Hi,

    Glad we could help, please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #776477

    Thank you, please close it.

    #776493

    Hi,

    Let us know if you have any other questions or issues :)

    Best regards,
    John Torvik

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Portfolio Grid Row Titles row overlap’ is closed to new replies.