Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #381318

    Hi, I have a website that uses the Color Section with an image as the background for the top banner/title area on the pages as seen here: https://openfin.co/runtime/evaluate/ as an example.

    I am creating a new page for this website that needs to show stylized . I found the perfect plugin but every plugin I tried (about 4) would not work if I designed the page using the Advanced Style Editor.

    That said, I have the page basically completed but am not certain how to add the top Banner area using the default editor. There are a lot of shortcodes installed with Enfold to help with layout but the Color Section is not one of them.

    Any ideas?
    Thanks,
    Slade

    #381964

    Hey Slade!

    Have you tried using plugin shortcodes inside Code Block element? Enfold version 3.0.5 was just released and have some improvements. Can you please try updating the theme and check once again?

    Cheers!
    Yigit

    #382319

    Hey Digit!
    Thanks for the reply!

    I have updated to the current theme and still no luck. The Adanced Editor is adding something or stripping out something in the ‘code highlighter’ plugin code (see attached). With the Default editor we can’t get the top Banner/Title to work and with the Advanced editor we can’t get the ‘code highlighter’ plugin to work correctly.

    Using Default Editor

    Using Advanced Editor

    Thanks!
    Slade

    #382884

    Hi!

    Where can we find this actual page? We don’t usually provide support for third party plugins but if you can give us a temporary login details and a link to the actual page, we’ll try to help.

    Best regards,
    Ismael

    #382897
    This reply has been marked as private.
    #383633

    Hi!

    I’m not sure why the plugin is not working on the ALB so you should probably try to use the actual shortcode of the Color Section on page.php. Something like this:

    <?php echo do_shortcode("[av_section color='main_color' custom_bg='#7123dd' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' min_height='50' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='' custom_class=''][/av_section]"); 
    		echo "</div></div></div></div></div>";
    		?>
    

    Add the code right below this line:

    if( get_post_meta(get_the_ID(), 'header', true) != 'no') echo avia_title();
    	 ?>
    

    You have to add 5 closing divs for each color section shortcode to fix the layout. I already switched the advance layout builder to debug mode so you’ll be able to generate the color section shortcode on a temporary page.

    https://openfin.co/wp-admin/post.php?post=2089&action=edit&message=1

    Cheers!
    Ismael

    #384807

    Hi Ismael,

    Thanks for looking into this. That method didn’t really work (the sidebar gets shoved all over the place and the newly created banner has a sidebar vertical ‘divider line’ in it.

    I appreciate the attempt though.

    Slade

    #385275

    Hey!

    Looks like it is only working for full width pages. I’m sorry but you may need to contact the plugin author for more info.

    Regards,
    Ismael

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.