Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • March 31, 2026 at 12:03 pm #1496462
    newki75

    Hello,

    I have added this element in my page, tried to enter the legend for 2 images but they dont appear and I dont see where to fix it.
    Can u help?
    Tx!
    Marine

    March 31, 2026 at 4:53 pm #1496471
    newki75

    And additional question: on mobile, my images are cut vertically, hox to get them 100% height?
    Tx a lot
    Marine

    March 31, 2026 at 5:21 pm #1496473
    Rikard

    Hi,

    I’m not sure that I fully understand your intentions. Could you try to explain what you are looking to achieve a bit further please?

    Best regards,
    Rikard

    March 31, 2026 at 5:34 pm #1496476
    newki75

    Hey,
    Sure, please see the images attached:
    1. Recette_Images.jpg is my goal, a legend below each image. So I have filled in the legend here, as you can see on image legend.png
    Gallery
    2- You can see in the same folder the mobile version, the image is full width which is perfect but the height is cut, I would like full height.

    Tx!

    March 31, 2026 at 5:35 pm #1496477
    newki75

    Here is the Dropbox link:

    April 1, 2026 at 7:13 pm #1496508
    Rikard

    Hi,

    1. The images will only display the image text inside the lightbox, it doesn’t support the layout in your screenshot unfortunately.

    2. We can give you CSS to use, but your images will likely lose their aspect ratio, or appear skewed.

    Best regards,
    Rikard

    April 3, 2026 at 1:28 pm #1496555
    newki75

    Hello Rikard,

    I will use a plugin then, I have this shortcode [sp_wpcarousel id=”7650″] but I dont manage to get it full width like the Horizontal Gallery. Can u help me please? I have tried to put a bloc code out of the section, like the Gallery is but it is still site width and not full width.
    Txxxxxxx

    April 4, 2026 at 11:57 am #1496574
    Rikard

    Hi,

    Where can we see the element in question?

    Best regards,
    Rikard

    April 4, 2026 at 4:57 pm #1496586
    newki75

    As my site is live, I add to remove it. I have just created a new page, https://chaudun.com/0-wine/, with the element. I want it full width and on brown background, to replace the Horizontal gallery because I need a title under the image.
    Txxxxx

    April 5, 2026 at 2:28 pm #1496598
    Mike

    Hi,
    For the page your wpcp-carousel is on this css will work:

    .responsive .page-id-7658 #after_horizontal_gallery .container {
	max-width: 100%;
  padding: 0;
  background-color: #c29454;
}
.page-id-7658 #after_horizontal_gallery .wpcp-carousel-section.nav-vertical-center {
    margin: 0;
}

    But once you move it to another page it will not work, we would need to see the final page that it will be on to adjust the css. Do you plan to have this on multiple pages or just one?

    Best regards,
    Mike

    April 7, 2026 at 9:13 am #1496657
    newki75

    Hello,
    your code for the block code element is working while I have the Horizontal gallery above but as soon as I remove it (dupe) it does not work any more, can u have a look?
    Txxxxx

    April 7, 2026 at 9:14 pm #1496664
    Mike

    Hi,
    Yes that is correct, as I had pointed out above.
    Please link to the final page that it will be on so we can adjust. Do you plan to have this on multiple pages or just one?
    If you are going to use it on multiple pages it will be important that the pages have the same structure.

    Best regards,
    Mike

    April 8, 2026 at 8:27 am #1496670
    newki75

    Hello,
    OK I use it on 2 pages, wine page in French and English.

    Rayons – Vin de miel

    Rayons – Honey wine

    And yes I see you have based your CSS on the horizontal gallery css. I have put a degustation id to the container before my carousel, so can u adapt the CSS?
    Tx a lot
    Marine

    April 8, 2026 at 9:14 pm #1496686
    Mike

    Hi,
    Thanks, try this css:

    .responsive .page-id-7475 #after_section_4 .container,
.responsive .page-id-7625 #after_section_4 .container {
	max-width: 100%;
  padding: 0;
  background-color: #c29454;
}
.page-id-7475 #after_section_4 .wpcp-carousel-section.nav-vertical-center,
.page-id-7625 #after_section_4 .wpcp-carousel-section.nav-vertical-center {
    margin: 0;
}
.page-id-7475 #after_section_4,.page-id-7625 #after_section_4 {
	border-top-style: none;
}

    Best regards,
    Mike

    April 9, 2026 at 12:33 pm #1496703
    newki75

    Perfect, Tx a lot!

    April 10, 2026 at 9:37 pm #1496726
    Mike

    Hi,
    Glad that we could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Horizontal Gallery Legend’ is closed to new replies.