Featured Posts Border

  • Hello… sorry to write again, I really need to check how to solve the following issues…

    a. On the home page, specifically around the 2 top featured posts (2 latest featured posts), I can see a thin white border around them. I am not sure if the border is created by the white background of the featured area, or it is added to it. How can I remove it so there is no border at all around those two featured images? The issue is present in desktops, tablets and mobiles.

    b. Also, for the featured area on home page, how can I hide the author? (only for posts on featured area)

    c. How to add personalized links to the author box below each post, as yours on this post?… (Themes Harbor link and @TarasDashkevych)

    WordPress Launches New Talent Show: Casting Calls & Auditions

    d. Site title. Is there a way it can appear on the right of the logo, next to it, and not below it?

    Many thanks indeed for your help
    Ralf

    The blog I need help with is: (visible only to logged in users)

  • Hi Ralf,

    “… How can I remove it so there is no border at all around those two featured images? …”
    – Please use this custom CSS to remove this border:

    
    .featured-content .primary-section .hentry {
      box-shadow: none;
    }
    

    “Also, for the featured area on home page, how can I hide the author?”
    – Please use this custom CSS to hide the author section in the Featured Content section:

    
    .featured-content .entry-footer {
      display: none;
    }
    

    “How to add personalized links to the author box below each post, as yours on this post?”
    – The link you’ve posted is designed for self-hosted WordPress sites (WordPress.org). A self-hosted WordPress installation allows to include html link tags in the bio section.

    It seems like WordPress.com does not allow to include such tags in the bio (About Me: https://wordpress.com/support/manage-my-profile/) section. This is the reason why there are no links in the author section at WordPress.com: https://aquenedemo.wordpress.com/2017/02/04/fashion-the-essential-guide-to-spring-and-summer/

    “Site title. Is there a way it can appear on the right of the logo, next to it, and not below it?”
    – Sure. Please add this custom CSS to your site:

    
    .site-branding {
      display: flex;
      align-items: center;
    }
    
    @media only screen and (max-width: 500px) {
      .site-branding {
        justify-content: center;
      }
    }
    
    .site-branding .site-title {
      margin-top: 0;
      margin-left: 0.75rem;
    }
    

    Let me know if you have any additional questions.

    Kind regards,
    Taras

  • Thank you Taras!
    Awesome!

    The following code works perfect… the only thing is that there is still a horizontal white line separating the top two featured posts on Mobile only. Is there a way to remove it as well?

    .featured-content .primary-section .hentry {
    box-shadow: none;
    }

    Many thanks
    RR

  • Sorry, also…

    Not sure what is causing now the following at the top of the pages…
    The white content area is not displaying properly

    https://testigoindigo.com/suscripcion/

    Thank you
    RR

  • Please disregard the very last previous issue…

    ///

    Sorry, also…

    Not sure what is causing now the following at the top of the pages…
    The white content area is not displaying properly

    https://testigoindigo.com/suscripcion/

    Thank you
    RR

    ///

  • Ralf,

    “… the only thing is that there is still a horizontal white line separating the top two featured posts on Mobile only …”
    – Please also add this custom CSS to your site:

    
    .featured-content .primary-section .hentry:first-child {
      margin-bottom: 0;
    }
    

    Let me know if you have any additional questions.

    Thank you,
    Taras

  • Perfect!

    Thank you Taras, thanks a lot.
    R

  • You are very welcome, Ralf!

  • The topic ‘Featured Posts Border’ is closed to new replies.