Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • July 17, 2018 at 1:10 am #986165
    Moondreamer21

    I’d like to put a dividing / separator line between blog posts on the Blog Post page.

    I tried this CSS, but it didn’t work:

    .page-id-14139 .post_delimiter {
    border-bottom: 1px dashed #CCBDB8;
    }

    Please help?

    URL in PC below.

    July 17, 2018 at 9:25 pm #986641
    Basilis

    Hey Moondreamer21,

    change your code to

    .page-id-14139 .template-blog .post_delimiter {
    border-bottom: 1px dashed #CCBDB8;
    }

    and let us know if it works.

    Best regards,
    Basilis

    July 17, 2018 at 9:53 pm #986662
    Moondreamer21

    That didn’t work.
    I’ll post my info. in the PC in case you could take a look?
    The blog post page is the ‘Articles + Tips’ page.

    July 18, 2018 at 7:52 am #986817
    Ismael

    Hi,

    Thank you for using Enfold.

    That page doesn’t have a page id class attribute. Please use “blog” instead.

    .blog .template-blog .post_delimiter {
    border-bottom: 1px dashed red;
}

    Best regards,
    Ismael

    July 21, 2018 at 6:52 pm #988185
    Moondreamer21

    Thank you!
    That worked. However now there is also a smaller black dashed line vertically connecting the icon to the left of the blog posts.
    How can I get rid of that line?
    How can I remove the icon to the left of all blog posts and move them over to the left edge of the page?
    Also, I see there is A LOT of white space below my intentional horizontal dashed separator between blog posts – how can I reduce that?
    Will post the page in question in the PC below. Thanks again.

    July 22, 2018 at 1:39 am #988264
    Moondreamer21

    Hello, I wanted to provide an update. I have all issues mentioned above resolve, except I’d like to style the dotted vertical line that connects the author preview pic to make it a specific color.
    Also, where the blog author text shows up under a blog post title, I’d like to disable thay link. Can you provide CSS to do that, please?

    July 22, 2018 at 2:01 pm #988378
    Victoria

    Hi,

    Best regards,
    Victoria

    July 22, 2018 at 2:14 pm #988388
    Moondreamer21

    It must not be showing now because I removed the border color from the main content area for another reason, so we can consider that resolved.
    Where the blog author name shows up under a blog post title, I’d like to disable that link. Can you provide CSS to do that, please?

    July 22, 2018 at 3:19 pm #988410
    Mike

    Hi,
    Please try this code in the General Styling > Quick CSS field:

    .html_entry_id_13793 .post-meta-infos {
display: none !important;
}

    Best regards,
    Mike

    July 22, 2018 at 9:14 pm #988487
    Moondreamer21

    Thanks Mike! That removed the text, but I just wanted to disable the link. Is there a way to do that?
    :)

    July 22, 2018 at 9:53 pm #988496
    Mike

    Hi,
    Yes, I have a couple of options, please remove the css so I can test. Also will this be for the whole site or one page?

    Best regards,
    Mike

    July 22, 2018 at 10:11 pm #988500
    Moondreamer21

    Hi Mike, I removed the CSS you gave me earlier. What would be even better would be to make the author text (my name) link to the About page (don’t want/need an author page).
    If that’s possible, that would be my first preference.
    If not, disabling the link would be my next choice.
    Thank you!

    July 23, 2018 at 3:04 am #988550
    Ismael

    Hi,

    You can disable the author link with this css code.

    .blog-author a {
    pointer-events: none;
}

    This one should hide the empty category container.

    .blog-categories, .blog-categories + .text-sep {
    display: none;
}

    Best regards,
    Ismael

    July 23, 2018 at 1:12 pm #988681
    Mike

    Hi,
    If you would like to replace the author link, please try adding this code to the end of your functions.php file in Appearance > Editor:

    function replace_author_link(){
  ?>
  <script>
  jQuery(window).load(function(){
  jQuery( '.blog-author' ).each(function() {
  jQuery( this ).find( 'a' ).attr('href', 'https://www.new.barrelracingtips.com/about-heather-smith/');
  });
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'replace_author_link');

    Best regards,
    Mike

    July 23, 2018 at 9:31 pm #988919
    Moondreamer21

    All this code is just what I needed – thank you guys!
    Mike, that code worked great.
    Would it be better if I added it to the functions.php file via FTP instead? Is there a difference between doing it there vs. in the Editor?
    Also, when I hover over the Author Link it says ‘Posts by (Author Name),’ is there a way I can change that to ‘About (Author Name)?

    Thanks again! :)

    July 24, 2018 at 2:38 am #988996
    Mike

    Hi,
    There is no difference using the editor or ftp when making changes to the functions.php
    For changing the title attribute also, please use this code instead:

    function replace_author_link(){
  ?>
  <script>
  jQuery(window).load(function(){
  jQuery( '.blog-author' ).each(function() {
  jQuery( this ).find( 'a' ).attr({href: "https://www.new.barrelracingtips.com/about-heather-smith/", title: "About Heather Smith"});
  });
  });
  </script>
  <?php
  }
  add_action('wp_footer', 'replace_author_link');

    Best regards,
    Mike

    July 24, 2018 at 9:19 pm #989380
    Moondreamer21

    Thank you so much, Mike! Worked perfect – got everything I need. We can close this thread. :)

    July 25, 2018 at 3:46 am #989466
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • The topic ‘Dividing Line Between Blog Posts?’ is closed to new replies.