-
AuthorPosts
-
May 29, 2020 at 2:10 pm #1217700
I’d like to transition my site to Gutenberg. Started designing a new page in Blocks editor, and got stuck at first step – making a color section. In other themes I’m able to do this easily (see https://awake-in.com – made the purple ‘hosts’ section with ‘Ultimate Addons’ Section block.
In Enfold when I try this my block is stuck within the ‘container’ div, so it can’t go full width (see test at https://btribble.com/new-bill-tribble-ux-digital-product-designer/). Any way round this?
Thanks
- This topic was modified 4 years, 6 months ago by jomtones.
May 31, 2020 at 6:24 pm #1218228Hey jomtones,
The link you share goes to a 404. Can you please update the link or share credentials if we need them to see the page?
Best regards,
VictoriaMay 31, 2020 at 7:07 pm #1218251Ah, sorry. Made it public now!
June 2, 2020 at 5:45 am #1218627Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.main_color .container { max-width: 100%; padding: 0; }
Best regards,
RikardJune 6, 2020 at 7:03 pm #1220071Thanks for this – it works. Trouble is now, the transparent header with white text is invisible, as the ‘red block’ doesn’t extend to the top of the screen. I’d just make the header red – but other pages use different colors or photos. When using the old editor, this isn’t a problem (see e.g. https://btribble.com/portfolio-item/design-sprint/).
Is there any way I can use the blocks editor and still get ‘full bleed’ photos or backgrounds?
Thanks
June 10, 2020 at 12:42 pm #1221169Hello?…
June 15, 2020 at 12:15 pm #1222614Hi,
Sorry for the late reply!
Please try following:
1- Add following code to bottom of functions.php file of your child themeadd_filter( 'body_class', 'av_custom_class' ); function av_custom_class( $classes ) { global $wp_query; $builder_stat = Avia_Builder()->get_alb_builder_status( $wp_query->post->ID ); if( ( 'active' == $builder_stat ) && ! is_preview() ) { $classes[] = 'alb-enabled'; } else{ $classes[] = 'alb-disabled'; } return $classes; }
This will add “alb-enabled” class to pages you used ALB and “alb-disabled” to pages you created without ALB.
2- Now we can target those pages using following code in Quick CSS
.alb-disabled main.template-page.content.av-content-full.alpha.units { padding-top: 0 !important; margin-top: 0 !important; }
Best regards,
YigitJune 15, 2020 at 5:09 pm #1222750Hey, thanks Yigit!
June 15, 2020 at 11:56 pm #1222863Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan ShannonJune 15, 2020 at 11:56 pm #1222864Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan ShannonJune 16, 2020 at 12:16 pm #1222977Thanks Jordan, think I’m there now.
June 16, 2020 at 12:29 pm #1222983Hi,
You are welcome! :)
For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/
If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)
Best regards,
Yigit -
AuthorPosts
- The topic ‘Using Gutenberg’ is closed to new replies.