Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • January 16, 2015 at 9:45 pm #381089
    Kevin

    Hello Support,

    We have installed a plugin called “WP Symposium Pro” on our Dev Site and added the WP Shortcode in the following page:
    http://omex-dev.bydecosta.com/community-forum/

    We want this section to look like the screen shot below and hoping you can help.

    Currently ours looks like this:

    On the page I have added a Section Color and the Section ID is set to “wpsalerts”

    You can see as well how I have it setup in the editor and the screenshot is below:

    The CSS for the section id I setup as the following and hoping someone can help me out tweak it so it looks like what want want it to look.
    /* WP SYMPOSIUM ALERTS SECTION COLOR HEIGHT ADJUSTMENT */
    #wpsalerts {
    clear: both;
    float: left;
    min-height: 50px !important;
    position: static;
    width: 100%;
    float:left !important;
    }

    Hope to hear from someone soon and thanks for your help.

    MP

    January 17, 2015 at 5:20 pm #381259
    Elliott

    Hi Marcelo!

    That’s going to take a lot of CSS work to style the plugin like that so this will have to be considered custom work. You’ll need to hire a freelancer for helping you out with these customizations.

    Cheers!
    Elliott

    • This reply was modified 9 years, 11 months ago by Elliott.
    January 17, 2015 at 10:55 pm #381323
    Kevin
    This reply has been marked as private.
    January 19, 2015 at 7:50 pm #382057
    Elliott

    Hey!

    Try adding this to the bottom of your functions.php file.

    add_filter( 'wp_footer', 'enfold_customization_loggedin_css' );
function enfold_customization_loggedin_css() {
	if ( !is_user_logged_in() ) {
	?>
	<style type = "text/css">
	/* your css to hide the elements goes here */
	</style>
	<?php
	}
}

    That will check is the user is not logged in. You can add your CSS in there to hide the elements.

    Best regards,
    Elliott

    January 20, 2015 at 12:02 am #382186
    Kevin

    Thanks Elliott,

    That worked great.
    Now is it possible to add the content in the section color in the header area so it would look like this:

    We want this info to apply on all the pages so if it was on the header it would display on all pages once users are logged in.

    Please let me know.

    Thanks,
    MP

    January 20, 2015 at 8:55 pm #382675
    Elliott

    Hi!

    You could try using the ava_main_header hook and the do_shortcode function.

    add_action( 'ava_main_header', 'enfold_customization_add_stuff' );
function enfold_customization_add_stuff() { 
	echo do_shortcode('[your_shortcode_goes_here]');
}

    http://codex.wordpress.org/Function_Reference/do_shortcode

    Regards,
    Elliott

    January 21, 2015 at 1:07 am #382799
    Kevin

    Hello Elliott,

    on which PHP file would we be adding the code you provide?

    thanks for your help.
    MP

    January 21, 2015 at 7:24 pm #383277
    Elliott

    Hey!

    The bottom of the functions.php file.

    Regards,
    Elliott

    January 21, 2015 at 10:48 pm #383393
    Kevin

    Thanks for your help.

    MP

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Section Color Layout customization’ is closed to new replies.