Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #375688

    Hello there! i have a few questions.
    1. ist it possible to remove the category from the breadcrumbs and to make the single post picture to be full width with no padding top. see screenshot

    2.why is there so much blank space between layer slider and formular in responsive view. see screenshot

    3.i want to align text

    • This topic was modified 9 years, 11 months ago by ITCJB.
    #375747

    Hi Patrick!

    1. Add this to your custom CSS.

    .single-post .breadcrumb-trail > span:nth-child(6), .single-post .breadcrumb-trail > span:nth-child(7) {
        display: none !important;
    }
    .single-post .template-blog .content { padding-top: 0px !important; }
    

    2. Are you sure you have the slider responsive setting turned on? Send us a WordPress login and we’ll take a closer look.

    3. Add some     spaces in between the text you want to move around.

    Regards,
    Elliott

    #375756

    Ok the breadcrumb problem is solved.
    1. the image got no padding top anymore but it should be full width. no space left and right.
    2. that was my thought too but it is responsive. see pic

    3. i tried the   spaces but everytime when i got the text align, i save this, refresh the browser once then its ok but if i did it again it loses all the alignment

    #375890

    Hi!

    Send us a WordPress login and we’ll take a closer look.

    Cheers!
    Elliott

    #376021
    This reply has been marked as private.
    #376043

    ok it seems i solve the problem with   under 3.
    i nearly solved the problem with the full width single post image but when i resize the browser windows to a smaller view it is not full width anymore.
    the slider problem still exist

    #376621

    Hey!

    2.) Fix the slider’s bottom margin on mobile device with this:

    @media only screen and (max-width: 767px) {
    page-id-4524 div#layer_slider_1 {
    height: 113px !important;
    }
    }

    3.) Switch to visual mode then use spaces.

    Cheers!
    Ismael

    #376682

    2.) ok i solved it with this code

    .page-id-4524 .avia-builder-el-first {
        height:auto !important;
    }

    3.)i solved yesterday

    #376684
    This reply has been marked as private.
    #377464

    Hey!

    The customization your doing is not an easy thing to do. I suppose you could try to keep changing the width for certain screen sizes.

    @media only screen and (min-width: 600px) and (max-width: 700px) { #top .big-preview.single-big { width: 105%; } }
    @media only screen and (min-width: 500px) and (max-width: 600px)  { #top .big-preview.single-big { width: 104%; } }
    @media only screen and (min-width: 400px) and (max-width: 500px)  { #top .big-preview.single-big { width: 103%; } }
    @media only screen and (max-width: 400px)  { #top .big-preview.single-big { width: 102%; } }
    

    What is the code you used to add the button?

    Cheers!
    Elliott

    #377477
    add_action( 'ava_after_content', 'enfold_customization_back_button' );
    function enfold_customization_back_button() {
    	echo do_shortcode("[av_hr class='invisible' height='90' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']");
    	$link = get_permalink( avia_get_option('blogpage') );
    	echo do_shortcode("[av_button label='Back' link='manually,".$link."' link_target='' size='medium' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']");
    }

    i used this one from u ;)

    #377998

    Hey!

    You’ll need to add the code above line 216 in the /enfold/includes/loop-index.php file then.

    Try this.

    if ( is_single() ) {
    	echo do_shortcode("[av_hr class='invisible' height='90' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']");
    	$link = get_permalink( avia_get_option('blogpage') );
    	echo do_shortcode("[av_button label='Back' link='manually,".$link."' link_target='' size='medium' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']");
    }

    Regards,
    Elliott

    #378214

    If i use this code i now got 2 buttons and none is above the sharing buttons

    http://tweer-loesenbeck.webdemo.rechenzentrum-luedenscheid.de/deutschland-ein-sommermaerchen/

    • This reply was modified 9 years, 11 months ago by ITCJB.
    #378927

    Hi!

    Make sure to read and follow the steps carefully.

    1. Completely delete Enfold from your WordPress theme directory before downloading + uploading a fresh copy from themeforest.

    2. Open up /enfold/includes/loop-index.php and find line 212 which should look like this.

    avia_social_share_links();
    

    3. Add this above it.

    if ( is_single() ) {
    	echo do_shortcode("[av_hr class='invisible' height='90' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']");
    	$link = get_permalink( avia_get_option('blogpage') );
    	echo do_shortcode("[av_button label='Back' link='manually,".$link."' link_target='' size='medium' position='left' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']");
    }

    Regards,
    Elliott

    #381612

    ok thanks again for your help. it works

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Breadcrumb Menu and other questions’ is closed to new replies.