Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 29, 2020 at 2:10 pm #1217700
    jomtones

    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, 5 months ago by jomtones.
    May 31, 2020 at 6:24 pm #1218228
    Victoria

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

    May 31, 2020 at 7:07 pm #1218251
    jomtones

    Ah, sorry. Made it public now!

    June 2, 2020 at 5:45 am #1218627
    Rikard

    Hi,

    Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

    .main_color .container {
    max-width: 100%;
    padding: 0;
}

    Best regards,
    Rikard

    June 6, 2020 at 7:03 pm #1220071
    jomtones

    Thanks 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 #1221169
    jomtones

    Hello?…

    June 15, 2020 at 12:15 pm #1222614
    Yigit

    Hi,

    Sorry for the late reply!

    Please try following:
    1- Add following code to bottom of functions.php file of your child theme

    add_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,
    Yigit

    June 15, 2020 at 5:09 pm #1222750
    jomtones

    Hey, thanks Yigit!

    June 15, 2020 at 11:56 pm #1222863
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    June 15, 2020 at 11:56 pm #1222864
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    June 16, 2020 at 12:16 pm #1222977
    jomtones

    Thanks Jordan, think I’m there now.

    June 16, 2020 at 12:29 pm #1222983
    Yigit

    Hi,

    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

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Using Gutenberg’ is closed to new replies.