-
AuthorPosts
-
February 9, 2023 at 8:32 pm #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
CallyFebruary 10, 2023 at 6:22 am #1397385Hey 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,
IsmaelFebruary 10, 2023 at 7:00 pm #1397495Hi
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
February 11, 2023 at 11:00 pm #1397612Hi,
Try adding your image to the column as a background image:
the add the custom class background-cover
then ensure that the Row Layout is set to Equal Height Columns
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:
Best regards,
MikeFebruary 13, 2023 at 10:54 pm #1397828thank 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
Callyhttps://www.dropbox.com/s/hum8jnd8gyvxpx0/Screenshot%202023-02-13%20134030.jpg?dl=0
- This reply was modified 1 year, 10 months ago by Roam to Grow.
February 15, 2023 at 12:35 pm #1398058Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.