-
AuthorPosts
-
June 14, 2023 at 8:50 pm #1410644
Hello,
We have added over a hundred columns with a certain padding. Is it possible to edit these paddings in bulk?
Thank you for your time,
Novi MediaJune 14, 2023 at 11:30 pm #1410651Hey Martijn,
Unfortunately not in the theme settings, but perhaps with css if they follow a certain pattern.
Such as if they are all used in the same situation on multiple pages or posts, try explaining about them and link to one of them so we can examine.Best regards,
MikeJune 14, 2023 at 11:48 pm #1410654Hi Mike,
Thank you for the responds. We have defined flex_column templates with padding:0 20px 0 20px; and used them troughout the whole website.
This generates the following div:
<div class=”flex_column av-7ultjhy-bea06d6d73821ff4ee480622796879ec av_one_full avia-builder-el-0 el_before_av_section avia-builder-el-no-sibling first flex_column_div”></div>Every colum has a uniek code that is generated but we only want to change the divs with padding:0 20% 0 20%; => padding:0 15% 0 15%; without affecting other blockes / divs
Can we do a find and replace in generated css files / script or in the DB? because files with these styles are generated dynamically.
Hope this explains the issue, waiting for your responds
Regards,
MartijnJune 15, 2023 at 11:48 am #1410703Hi,
It would be easier for me to help if I could see the page to examine thie elements and ensure the solution has the correct specificity, but perhaps this would work:#top #main flex_column[style*="padding: 0 20% 0 20%;"] { padding:0 15% 0 15% !important; }
The css you posted above tells me that the element is a full width column that is the first element on the page, with no sibling, if this is true for all for the elements this would be good to add to target the elements so other columns are not affected by mistake. But if this is from your template those conditions might not be true once it is added the finished page.
Are they all the same post, page, portfolio, or product?Best regards,
MikeJune 15, 2023 at 1:36 pm #1410720This reply has been marked as private.June 15, 2023 at 4:49 pm #1410786Hi,
Thanks for the link to your post, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top.single #main .container_wrap_first.fullsize .flex_column.av_one_full { padding:0 15% 0 15%; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeJune 16, 2023 at 4:11 pm #1410945This reply has been marked as private.June 16, 2023 at 6:01 pm #1410948Hi,
Thanks for the feedback, the one you linked to is a page and not a post so to also include these try this css instead:#top #main .container_wrap_first.fullsize .flex_column.av_one_full { padding:0 15% 0 15%; }
After applying the css, please clear your browser cache and check.
Please check if this works and also check if there are any pages are affected that should not be and link to them so we can adjust further.Best regards,
MikeJune 23, 2023 at 8:51 pm #1411515Hi Mike,
Thank you for your help it is working great.
Regards,
MartinJune 24, 2023 at 11:17 am #1411541 -
AuthorPosts
- You must be logged in to reply to this topic.