-
Posts
-
Hi enfold team, i do have 2 problems …
1.
trying to embed an image-video by using a 1/5 1/5 3/5 grid line function with the video-function in the 3/5 section … but i can do what i want … checked many times … but there is a gap below the video … see my attached picture. Tried everything but cannot find the solution here. hm ?2.
Using the grid line 5/5 and combined using a color section with 5 columns in … they sections compared do not have the same width ? … by using the columns there are margins left and right … see my attached picture. Superficially i want to use the color section with 5 columns, because i can put a fixed picture behind, which i cant use a “fixed” picture in the normal grid line function! Best would be to get rid of the margins left and right by using the color section and columns way … how do i do that ?
Below you can find my test website to check out … if you need login data to WordPress … please let me know … Thank you so much for your help here !!
Best regards, BerndHey bdeuwe,
Thank you for the inquiry.
Best would be to get rid of the margins left and right by using the color section and columns way
That is the default padding of the container. To remove it, you can use this css code.
.container { padding: 0; }Please note that this will affect every containers in the site, so you have to apply a unique ID to the color section in which the container has to be adjusted and update the css so that it only affects the container in that section.
// https://kriesi.at/documentation/enfold/add-custom-css/
Example:
#custom-section-id .container { padding: 0; }Best regards,
IsmaelHello Ismael,
thank you very much … that worked fine … we use the padding 0 of the container everywhere … so there is no need to open a specific class for a specific container.
But … there is still the problem with the videosection … there is a margin below the video, i cant get rid off … we tried everything in case of sizes, but cannot find the problem …
Any suggestions ? Thank you so much, Bernd
Hi,
Thank you for update.
Glad to know that the css code worked. For the video section, try to use this css code to get rid of the bottom margin.
.avia-video, .avia-iframe-wrap { margin-bottom: 0; }Best regards,
IsmaelHi Ismael,
perfect … thank you very much … works great … the question of course is, why there is a buttom margin standard in it ?! …Anyway, my last question … because i cant find a solution here to connect cells by using the grid-line function or using columns … do i fail to see a detail or is it not possible to connect cells … see my example here … i want to build up a table like that:
I want to generate this table … but need to have 3 lines on the right among themselves and 1 connected column on the left … i cant see to produce that by using the enfold grids or columns ? … my last idea would be to use a code-block and set a html table in it … but that means to loose responsivity.
Any suggestions ? Thank you so much for your help. Bernd
Hi,
Glad to know that it is working. For the layout above, you may need to use 1/3 column elements to separate the images from the text and buttons.
If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
Ismael
- The topic ‘Padding/Margin Problems’ is closed to new replies.