Struggling with adding custom styles with .{{gBlock}}

  • Resolved zigojacko

    (@zigojacko)


    2 years, 2 months ago

    I’m really struggling to add custom styles in the Gutentor block ‘Slider’.

    I have seen this similar question here and still can’t get this to work.

    I am on the ‘Single Slide’ in the ‘Slider’ block – see https://prnt.sc/a-doYsA3UfOt

    And I am trying to work with the {{gBlock}} as you can see here – https://prnt.sc/aeYquo_RG5KK

    I’ve tried all sorts of variations and not managed to get any styles to work at all.

    I can add custom ID and custom classes and see those in the source but I just can’t seem to get styles to work.

    I am basically needing to force the max-width of the slider contents. By default, your block puts this at 1140px (see https://prnt.sc/2svRrxSNAaYR) – this should really be customisable from the block options because there is a lot of cases to have this at 1280px or even wider these days.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter zigojacko

    (@zigojacko)

    No sooner had I posted this, I got it working.

    The custom class is added at a higher level than the {{gBlock}} so I basically needed to do this:

    .atf-slider .{{gBlock}} .gutentor-slider-caption {max-width: 1280px !important;}

    Please though, consider adding ability to control max-width of this module from block config… ??

    • This reply was modified 2 years, 2 months ago by zigojacko.
    Plugin Contributor codersantosh

    (@codersantosh)

    Hello @zigojacko , happy to know that you figure out the solution ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Struggling with adding custom styles with .{{gBlock}}’ is closed to new replies.