How do I redefine the layout style for a single block?

Resolved

(@xpood)

I’m trying to redefine the CSS of the theme layout for the slider so that the slider is displayed in full width. No matter what I do, the CSS of the theme interrupts my CSS.

// .l-slider {
//   width: auto;
// }

/* css default blocksy */
article>.entry-content>*:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
    max-width: var(--default-editor, var(--block-max-width));
}

article>.entry-content>*:not(.alignfull):not(.alignleft):not(.alignright) {
    width: var(--default-editor, var(--block-width));
}

/* my css TEST :( */
article>.entry-content>.l-slider {
    /* width: auto; */
}

How do I redefine the width for the l-slider class?

This topic was modified 3 years, 2 months ago by Anatolii Dimov.

Viewing 4 replies - 1 through 4 (of 4 total)

Thread Starter Anatolii Dimov
(@xpood)

3 years, 2 months ago

OK

Eduard
(@cteduard)

3 years, 2 months ago

Hello @xpood

I don’t think you have to modify any CSS, as the Gutenberg and Elementor editor already support setting sections to full width.

Here’s an example on how you can do it with Gutenberg – https://creativethemes.com/blocksy/video-tutorials/shorts/full-width-with-gutenberg/

Have you given this a try?

Thanks!

Thread Starter Anatolii Dimov
(@xpood)

3 years, 2 months ago

Thanks for the help, I really appreciate it. Solved my problem using content_blocks. I just forgot about the hooks in your theme.
The best theme!

Eduard
(@cteduard)

3 years, 2 months ago

Great! Glad to hear you’re on the right track @xpood

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘How do I redefine the layout style for a single block?’ is closed to new replies.

Tags