Featured Content Customization

  • Author
    Posts
  • #160167

    Hi there! Is there a way to remove the title block on the featured images that rotate on the home page? Also, is there a way to make these non-clickable, where they don’t lead to a post/page? Thanks!

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

    #160182
    emilysuesrq
    Theme Author

    Hello, yes there is. Copy and paste the following CSS, and paste into the Additional CSS section in your customizer. This will hide the post title, and also make the slides unclickable.

    .slideshow .information .headline {
      display: none;
    }

    I hope that helps!

    Emily

    #160186
    floydsseafood
    Member
    Original poster

    That worked – thank you!!

    Any recommendation on logo size and/or thoughts on why my logo on the header bar is blurry? If I make the image too large, it makes the whole header banner too large, but making it too small makes the logo appear blurry.

    #160201
    emilysuesrq
    Theme Author

    Glad that worked!

    The recommended image size for a logo is no larger than 760x280px. Blurriness is usually due to the quality of the original image; however, in order to further diagnose the issue I would need to be able to view your site.

    #160322
    floydsseafood
    Member
    Original poster

    Hi there! I made the file size as you recommended, and tried a few others as well, and it’s still blurry (almost more as if it has a haze over it.) I know it’s not the file’s quality; I can see that WP shows the file clearly in the editor side panel, but then shows the logo blurry on the site. Floydsseafood.wordpress.com is the site if you’d like to see. Thanks for your help!

    #160348
    itsdavidmorgan
    Theme Author

    Hello,

    When inspecting your website code, I see the logo size is 242 x 150 pixels as seen here:

    Screen Shot

    Is this the size of the image before you uploaded the logo?

    If so, try increasing your uploaded image size. Then, add the following CSS to reduce the image size on the site:

    #header .site-logo-link {
        max-width: 60%;
    }

    The issue is that the image dimensions need to be larger in pixel size than its appearance on the screen for the purpose of high resolution screens. Typically, it’s best to upload a logo size that is twice the actual size you actually want it to appear on the site, that way it’s crisp on those high resolution screens.

    Also, make sure you choose the “Skip Cropping” option when uploading your logo image to the media library.

    I hope this helps. Thanks!

    #160381
    floydsseafood
    Member
    Original poster

    Awesome! That fixed the logo at the top. Any recommendations for the logo in the footer widgets? Same issue there as well.

    #160400
    itsdavidmorgan
    Theme Author

    Great! :)

    For the footer widget logo, you can add the following CSS:

    .image.wp-image-134 {
        max-width: 60% !important;
    }

    I hope this helps. Thanks!

  • The topic ‘Featured Content Customization’ is closed to new replies.