Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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 Media

    #1410651

    Hey 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,
    Mike

    #1410654

    Hi 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,
    Martijn

    #1410703

    Hi,
    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,
    Mike

    #1410720
    This reply has been marked as private.
    #1410786

    Hi,
    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,
    Mike

    #1410945
    This reply has been marked as private.
    #1410948

    Hi,
    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,
    Mike

    #1411515

    Hi Mike,

    Thank you for your help it is working great.

    Regards,
    Martin

    #1411541

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.