Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • March 2, 2015 at 4:57 pm #404557
    champlainconted

    Hi guys,

    So I was looking at the Enfold demo, and I noticed how the blockquote is styled:

    I thought the vertical bar on the left was a nice touch, and wanted to use it elsewhere. However, where I want to use it, it’s not a quote, so I don’t want to make it italics, I don’t want to change the font size, all I really want is to have that bar on the left, same font size, same indentation. Is there a shortcode or something I can use to do exactly this? Or do I need to create a new CSS class or something that provides this effect, and add it to the page via the Text (code) editor? I always prefer to use Enfold shortcodes, to prevent hardcoding.

    Thanks!

    March 2, 2015 at 5:03 pm #404565
    Yigit

    Hey champlainconted!

    Please turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your textblock element a custom CSS class and then add following code to Quick CSS field 

    .your-custom-class.avia_textblock {
border-left-style: solid;
border-left-width: 7px;
padding-left: 20px; 
}

    Regards,
    Yigit

    March 2, 2015 at 5:17 pm #404583
    champlainconted

    Ok this is awesome, but can I add a textblock element without using the advanced layout editor?

    March 2, 2015 at 5:19 pm #404588
    Yigit

    Hey!

    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
    You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.

    Best regards,
    Yigit

    March 2, 2015 at 5:51 pm #404630
    champlainconted

    Ok, so I added this to my functions.php, child theme:

    add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
	return "debug";
}

    It says Avia, is that OK?

    As for creating an element, do I do it like this? Create a custom shortcode? Or is there a simpler way?

    Add new or replace Advanced Layout Builder elements from Child Theme

    March 2, 2015 at 5:56 pm #404636
    Yigit

    Hey!

    Now you should see a new field right ALB that is showing you shortcodes – http://i.imgur.com/qnjQZqa.png
    If you cannot see it, please create a temporary admin login and post it here privately

    You should use the code in the link you posted if you modify ALB element files.

    Cheers!
    Yigit

    March 2, 2015 at 6:08 pm #404649
    champlainconted

    I see it. Issue resolved, thank you!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Blockquote styling without font size increase and italics’ is closed to new replies.