-
AuthorPosts
-
September 7, 2020 at 5:27 pm #1244037
I should make a page where two photos are side by side and large across the page width. I would like them without margins but the default template doesn’t allow it. How can you customize the single page to take advantage of its full width?
For example in the “Store locator” page I would like the photo on the right to continue right to the end of the page
thanksSeptember 8, 2020 at 5:54 pm #1244373Hey andreathebox,
Best regards,
VictoriaSeptember 8, 2020 at 5:56 pm #1244374This reply has been marked as private.September 8, 2020 at 5:56 pm #1244375Sorry i mistake
September 8, 2020 at 6:00 pm #1244380September 8, 2020 at 8:02 pm #1244444Hi andreathebox,
So you have the page already :) I am a bit confused, what is the question then? Can you please elaborate a bit more?
Best regards,
VictoriaSeptember 8, 2020 at 8:21 pm #1244458Then Victoria the page you saw has been modified with style sheets because I couldn’t find a way to put two photos side by side at full width of the page.
I send you the page as it was before changing the style sheets.
you can see now.
http://andreaf31.sg-host.com/area-riservata/September 10, 2020 at 6:34 am #1244753Hi,
Thanks for the update and clarification. If you need full width element with two images next to each other then you should be able to achieve that by using a Grid Row element, and set the images as backgrounds to each of the cells.
Best regards,
RikardSeptember 10, 2020 at 9:09 am #1244791Great!!! Thank you very much
September 10, 2020 at 10:33 am #1244837Hi andreathebox,
Glad we could help :)
If you need further assistance please let us know.
Best regards,
VictoriaSeptember 11, 2020 at 9:57 am #1245085This reply has been marked as private.September 12, 2020 at 7:45 am #1245283Hi,
Please try the following in Quick CSS under Enfold->General Styling:
#top .flex_column_table.av-equal-height-column-flextable:not(:first-child) { margin-top: 0; }
Best regards,
RikardSeptember 12, 2020 at 9:46 am #1245296Thanks a lot
September 12, 2020 at 10:54 am #1245307This reply has been marked as private.September 15, 2020 at 12:36 pm #1246017Hi,
Thank you for the update.
Could you give us a link to the store locator page? The css code above should have worked throughout the site. Please try to remove the browser history and make sure to purge the cache.
Best regards,
IsmaelSeptember 15, 2020 at 12:40 pm #1246018This reply has been marked as private.September 15, 2020 at 3:00 pm #1246062This reply has been marked as private.September 18, 2020 at 7:04 am #1246652Hi,
Thank you for the update.
For some reason, the staging site redirects to “lamassa” after logging in to the dashboard, so we couldn’t modify the style of staging site. Please disable the redirect so that we can edit the staging site.
Or place this code in the Quick CSS field or the child theme’s style.css file to remove the space above the sidebar which should also move the whole content container upwards.
.content, .sidebar { padding-top: 0; }
Best regards,
IsmaelSeptember 18, 2020 at 10:23 am #1246718This reply has been marked as private.September 20, 2020 at 4:55 am #1247050Hi,
Thanks for the update. I’m not sure why the layout is not staying within the container width, but it might be because you have selected to not use Google Maps under Enfold->Google Services. Please try activating it there, and add a Google Maps API key in the same place: http://kriesi.at/documentation/enfold/how-to-register-a-google-maps-api-key/
Best regards,
Rikard -
AuthorPosts
- You must be logged in to reply to this topic.