Featured Image on Home Page

Home › Forums › Automattic › Forefront › Featured Image on Home Page

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 1, 2016 at 2:28 am #163805 Resolve

    Sarah Jane Holden
    Member

    Hi there…
    I have noticed that there is a black narrow bar that appears to the right of my featured image on my home page. I would like to get rid of it, but cannot seem to do so. Any suggestions? Thanks so much!

    The blog I need help with is buildingblockslanguage.com
    June 1, 2016 at 5:20 pm #163806

    Siobhan

    Hi there,

    I’m able to see the black bar only for a few seconds after first loading your site, it then disappears. Is that the same case for you?

    I believe this is due to some of the margins and widths that have been set in your custom CSS, which are loading after the theme’s original CSS.

    As a workaround, you could set the background of your site to white so that this goes unnoticed. This can be done with the following custom CSS:

    .hero.with-featured-image {
    background: #fff;
    }

    Let me know how that goes or if you have any further questions.

    June 1, 2016 at 11:47 pm #163807

    Sarah Jane Holden
    Member

    Hi there,

    When I view my site on a mobile device or laptop, it seems to go away as you mentioned. But when I open it on my widescreen desktop it doesn’t. I tried the CSS you suggested and it still seems to be there. Any other suggestions? Would taking out some of the custom CSS help? Or is there another workaround? Thanks so much.

    June 2, 2016 at 8:20 am #163808

    Siobhan

    Hi there,

    I can the following in your custom CSS:

    .hero.with-featured-image {
    background: #fffff;
    }

    The above snippet won’t work correctly as the HEX value for white needs to be made up of either three or six “fs.” Five won’t work.

    Can you try again with the following?

    .hero.with-featured-image {
    background: #fff;
    }

    Thanks!

    June 6, 2016 at 6:37 pm #163812

    Sarah Jane Holden
    Member

    Hi there,

    Yes, sorry-I adjusted this and the black bar still appears. Looks OK on mobile and laptop, but on my desktop it stays even after the page loads. Any other suggestions? Thanks so much.

    June 7, 2016 at 9:01 am #163816

    Siobhan

    Upon further inspection, the black line looks to be a part of the image itself. You can see this when viewing the image by itself, in a separate browser tab or window:

    https://buildingblockslanguage.files.wordpress.com/2013/07/helping-children-build-communication-skills56.png?w=1230

    The edges of the image are cut off on smaller devices, which is why the line is only permanently visible on wider screens.

    Would you be able to remove that line from the original image and re-upload?

    • This reply was modified 6 years, 11 months ago by Siobhan.
    June 30, 2016 at 10:55 am #163834

    Kathryn P.
    Happiness Engineer

    Hi there, do you still need any help with this issue or are you all set?

    July 19, 2016 at 1:49 pm #163858

    Kathryn P.
    Happiness Engineer

    I’m marking this as resolved since it’s been a while since we’ve heard from you. If you need help with anything else, don’t hesitate to start a new thread.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.