Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1397355

    I have been fiddling around for some time to try and edit the layout of the text box and image on my home page.

    Even when I change the size of the image box or the image itself it seems to be stuck at a certain size and I would like to even it up so it looks good with the text box. Can you give me some instructions or signpost me to a tutorial that will help please.

    Many Thanks
    Cally

    #1397385

    Hey Wowtraveladventures,

    Thank you for the inquiry.

    Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot. Have you tried using the Gallery or the Masonry Gallery element instead of the Content Slider?

    Best regards,
    Ismael

    #1397495

    Hi

    I have set it up with a colour section and then inside a single image (not a slider) and a text box. I just can’t configure the image so it is the same size as the text box. Here is the link for the screen shots. I hope this works

    https://www.dropbox.com/t/V6VC4XFkRYcvbJMV

    #1397612

    Hi,
    Try adding your image to the column as a background image:
    Enfold_Support_336.jpeg
    the add the custom class background-cover
    Enfold_Support_338.jpeg
    then ensure that the Row Layout is set to Equal Height Columns
    Enfold_Support_340.jpeg
    Then include this css in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    .flex_column.background-cover {
        background-size: cover;
    }

    After applying the css, please clear your browser cache and check, this is the expected results:
    Enfold_Support_342.jpeg

    Best regards,
    Mike

    #1397828

    thank you for your really helpful explanation. It helped somewhat but the image end up being the same width as the text box and the image is bigger than the box. Is there a way 1. I can adjust the size of the image box so it is wider than the text box and 2. control the image so it fits in the box?

    And it would actually really help to know what controls the size of the text box- It is showing too small right now so the text is really small it would be better if it was wider.

    Many Thanks
    Cally

    https://www.dropbox.com/s/hum8jnd8gyvxpx0/Screenshot%202023-02-13%20134030.jpg?dl=0

    • This reply was modified 1 year, 7 months ago by Roam to Grow.
    #1398058

    Hi,
    Sorry I guess I misunderstood, I thought you wanted the image and the box the same size, when the image is a background of the column or when the image is an element in the column the width of the column is what determines the width of the image, the height of the image is based on it’s aspect, it looks like you are using a landscape image in a portrait layout try using a double width column of the image if you want is larger, or try changing you image into a portrait layout, and use independent height for the columns
    The text box fills the column, if you want it larger try using a larger column or try a Grid element to remove the space between the columns and make the text larger.
    I couldn’t login to see your test page as there is only a password and no user info.

    Best regards,
    Mike

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