Remove black bar and information from slider featured images

  • Unknown's avatar
    lesliegarza2013 · Member ·

    Hello,

    I would like to remove the black bar and the category, title information that is currently at the bottom of my featured image slider at the top of our page. I would like for it to be just a slider of images only.

    Thanks!

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

  • melindahelt · Staff ·

    Hi

    Adding the following code to your CSS editor will remove those features:

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

    If you need additional information, this link will show you how to add the custom CSS to your site: https://en.support.wordpress.com/custom-design/editing-css/

  • Unknown's avatar
    lesliegarza2013 · Member ·

    Thank you! Is it possible to change the size of the slider to my preference?

  • melindahelt · Staff ·

    Yes.

    It may take some playing around to get the heights to work at different responsive sizes, but this is the code that you’ll want to adjust for each display size.

    You’ll then need to load new images and/or re-crop the images you have.

    /*Mobile First Size*/
.featured-content-wrapper .entry-image-featured-content {
    height: 332px;
}

/*Tablet*/
@media (min-width: 768px)
.featured-content-wrapper .entry-image-featured-content {
    height: 480px;
}

/*Laptop/Desktop*/
@media (min-width: 1200px)
.featured-content-wrapper .entry-image-featured-content {
    height: 555px;
}

    Hope this helps!

  • Unknown's avatar
    lesliegarza2013 · Member ·

    Hi Melinda,

    I am hoping to remove the “Category:Read” and the blue line under it that shows up when I click on the read, watch, listen tabs at the top of my page.

    When I click on the read tab, I would like for the articles to start as close to the top as possible.

    See here: https://parivedaperspectives.com/category/read/

  • Unknown's avatar
    eallas · Member ·

    Howdy leslie!

    Just wanted to chime in and help out with your recent question. The following should help remove the Read category and the blue line under it. Let me know if this is what you’re looking for.

    /*Remove Read and Blue Line*/
.entry-header-wrapper::after {
    display: none;
}
.first-category {
    display: none;
}
  • Unknown's avatar
    onceyougovegan · Member ·

    Hi,
    I’m just getting to know WordPress as I’ve just started a blog.
    Do you guys know if it’s possible to do these changes when you’re using wordpress for free? I can not find the CSS customizer, so I’m assuming you can only do such things when you pay for your domain name and such?

    Thanks in advance!

  • Unknown's avatar
    eallas · Member ·

    @onceyougovegan

    Hey there! You’re correct, customizing CSS is only possible with the Premium or Business Plan. The Personal Plan doesn’t provide this. You can see more on what the plans provide at https://wordpress.com/pricing/

  • Unknown's avatar
    onceyougovegan · Member ·

    Thanks for the quick reply!
    Do you know if there is any other way to change such things? I assume not (because that’s why people start paying of course) but you never know.
    It just bothers me that when I click on my tab “breakfast” the title on the page says “Tab: breakfast”
    Is it not possible to just delete the title on the page or edit it without CSS?

  • Unknown's avatar
    eallas · Member ·

    I’ll gladly answer your question; however, could you please post a new thread at https://en.forums.wordpress.com/forum/css-customization#postform. Posting in here will get confusing for the original poster. Thanks in advance!

  • The topic ‘Remove black bar and information from slider featured images’ is closed to new replies.