Tagged: padding
If you view the following URL:
The images are enclosed within the color element box and three 1/3 element boxes.
While the text is enclosed within the color element box and three 1/2 element boxes.
For the life of me even after removing the padding can i find where this was changed?
Hi Michael,
I can see the elements in your screenshot on your site, but I’m not sure when the problem occurs. Is it on mobile only? If not, then please try to explain what you are looking change a bit further, or post a larger screenshot.
Best regards,
Rikard
I have provided the links in private. The issue is primarily noticed on mobile view as the screen is smaller. The issue is that the padding on the left and right is to much and I understand that if text does not fit on the same line it will make it to the next line. However, this issue is also present on the left side and i cant find a way to get the containers to expand even when removing the padding? Is it not suggested to use a color container with multiple other sized containers within the color container when programming pages?
Hi,
Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) {
.flex_column {
padding: 0 !important;
}
}
Best regards,
Rikard
This worked, however, I just used the following code:
.flex_column {
padding: 0 !important;
}
What all does .flex_column edit as I did not see this in the CSS section of the developer view within Google Chrome?
Hi,
Thanks for the update. I’m not sure I understand your last question, could you try to ask it in a different way please? If you want to check the elements with the flex_column class, then please inspect the site in your browser, then search for the class in question.
Best regards,
Rikard