Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • #677728

    Hi Enfold-team

    my page is pretty close to perfect thanks to your help and the support forum threads, but there is something I haven’t found out yet: How can I arrange the different sections on single post pages?

    I would like to have the following order:

    • Post title (ok)
    • Post meta (ok)
    • Post text (ok)
    • Image copyright info (ok)
    • Post tags (need to be re-arranged)
    • Post share options (need to be re-arranged)
    • Similar posts recommendations (need to be re-arranged)
    • Comments section (ok, last item on page)

    That is, 3 elements need to be re-arranged in order, optionally with horizontal lines between them. How can I do it?
    Example page: http://welt-der-vorfahren.de/2015/11/spurensuche-sankt-petersburg/.

    Thank you for any hint how to get this done.
    Kind regards,
    Anja

    • This topic was modified 8 years, 2 months ago by Aniona.
    #679685

    Hey Aniona,

    is this link your website or an example of what you would like to achieve? Please send us a mockup showing what you want to achieve and a precise link to your website showing the elements in question. You can use imgur.com or dropbox.

    Best regards,
    Andy

    #681236

    Hi Andy,

    this is my website as it is now.

    I would like to change the order of the different sections on ALL the single post pages, that is especially move up the “tags” section (“Schlagworte”) to right BELOW the article text/image copyright links and ABOVE the “share” section (“Weiterempfehlen”).

    Everything that directly belongs to the post – like tags – should be close to each other.
    Other blog functions – like sharing and related articles – should be below that.

    And how can I separate the sections by horizontal lines and padding/spacing and style them (fonts…)? At the moment the font sizes and weights look all different (some are headings (Ähnliche Beiträge), some are normal text but bold (Erzähl es weiter) …).
    I would like to style them individually.

    Hope it is a bit clearer now. Thank you in advance.
    regards
    Anja

    #682182

    Hi,

    screenshot is not loading, please use imgur.com or dropbox.

    Best regards,
    Andy

    #682227

    Hi,

    I had put the imgur link as img link to the private section, but somehow it did not show. Added it again as URL.

    Thank you,
    Anja

    #682559

    Hi,

    I think in your case it would be best to use ALB for your blogposts, because with it you have all layout freedoms you need.

    Best regards,
    Andy

    #686440

    Hi Andy,

    I wouldn’t want to use the ALB, because it has a lot of other issues (no heading, meta on single post pages etc.) and I also don’t figure out how to arrange the elements there.

    Isn’t there a simple way to move the tags up just after the end of the text?

    Thanks, Anja

    #688638

    Hi,

    Try adding this at the very end of your theme / child theme functions.php file:

    function add_custom_script(){
    if(is_singular('post')){
    ?>
    <script>
    (function($){
        $(window).load(function() {
        	$('.entry-footer').insertBefore('.ssba-wrap');
        });
    })(jQuery);
    </script>
    <?php
    }
    }
    add_action('wp_footer', 'add_custom_script');

    Regards,
    Josue

    #691995

    Great, that helped!
    Thank you very much and kind regards
    Anja

    #692013

    You are welcome Anja, glad to help :)

    Regards,
    Josue

    #824691

    Hi Enfold-team

    I need to activate this thread, because I realized this solution doesn’t work anymore.

    On my single posts pages the tags are now below the “Ähnliche Beitrage” (similar posts) section, not right below the article text anymore.
    It used to work before, but maybe there have been some changes due to the theme updates in the meantime?
    I use a child theme.

    Example: http://welt-der-vorfahren.de/2017/07/schluesselmomente-ahnenforschung/

    I would like to have the tags right after the text and BEFORE the “Ähnliche Beiträge”

    Thanks in advance

    And another question: the “Share this” heading right after the tags section is now in English. It used to be German before.
    What could be the reason? Thanks.

    Kind regards
    Anja

    #829353

    Hi,

    Did you use another plugin to display the related posts section? Please replace the code with the following.

    function add_custom_script(){
    if(is_singular('post')){
    ?>
    <script>
    (function($){
        $(window).load(function() {
        	$('.entry-footer').insertBefore('#jp-relatedposts');
        });
    })(jQuery);
    </script>
    <?php
    }
    }
    add_action('wp_footer', 'add_custom_script');

    Best regards,
    Ismael

    #840571

    Thank you, Ismael. This works. I hadn’t changed anything regarding config or plugins.

    But in the meantime I tried different combinations of share section and related entries set by Enfold theme or Jetpack plugin:

    1. share section – Enfold + related entried – Enfold
    2. share section – Enfold + related entries – Jetpack
    3. share section – Jetpack + related entries – Enfold

    The order works with no. 2 and I now left it like that on e.g.: http://welt-der-vorfahren.de/2017/07/schluesselmomente-ahnenforschung/
    I don’t like the look of the “related post” section by Enfold and I don’t know how to change the design of it.

    So for me it looks the nicest, where the share section is set by Enfold options and the related posts section comes from Jetpack.
    But unfortunately, there is some overlap of the sections.
    And the share section heading says “Share this entry” in English –> should be German.

    Question 1: How can I get rid of the overlap of share section icons and heading “Weiterlesen”?
    Question 2: How can I get the heading “Share this entry” to be in German? There is a translation in de_DE.po in Enfold (though not in Enfold child). But why is it English?

    Thanks in advance for your help.
    Anja

    #841518

    I got question 2 fixed by adding

    add_filter(‘avia_social_share_title’,’avia_new_social_title’);
    function avia_new_social_title(){
    $output = “Weiterempfehlen”;
    return $output;
    }

    to the functions.php.
    As explained in: https://kriesi.at/support/topic/av-share-box-title-description/

    But question 1 – the overlap – I still cannot fix, unfortunately.

    #841771

    I now added the following code and it looks good:

    .av-share-box {
    margin-bottom: 20px;
    }

    Hopefully this is the right code.

    By the way: is there any possibility to change the English text in the tooltip of the share buttons?

    #842310

    Hi,

    1.) Glad that you figured this out. :)

    2.) I can’t see the icon overlap issue but the pinterest icon is not positioned correctly. Please use this css code.’

    .av-share-link.av-social-link-pinterest a {
        margin: 0 auto;
        top: 10px;
    }

    3.) You can use the following plugin:

    // https://wordpress.org/plugins/say-what/

    Best regards,
    Ismael

    #843947

    Thank you, that worked. Great support!

    Best regards,
    Anja

    #843984

    Hi!

    We’re glad that Ismael was able to help you! We’ll close this topic now. For any other questions or issues, feel free to post them here on the forum and we will do our best to assist you.

    For your information, you can also take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/

    We’d also appreciate it if you can take a moment to review our theme if you haven’t already. https://themeforest.net/downloads

    Thank you for using Enfold.
    Cheers!
    Sarah

Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Order of sections on single post page’ is closed to new replies.