• Resolved thelucyspace

    (@thelucyspace)


    Hi,

    A few problems:

    a) Under the Blog Feed options, I select the post display format to be “2 small posts followed by 1 full.” However, you can see on my page that the “1 full” post shows up double. How can I fix this?

    b) The featured images on the home page of my blog under each section (Fashion, recent posts) are all set for horizontal photos. However my featured images for each post are vertical so the the problem is that my featured images are cut off. How can I change the featured image layout to support vertical photos? And how can I increase the display size of the photo for the featured images?

    c) I selected the option for a post slider however it does not appear. How can I fix this?

    d) In my footer, how can I change the color of the archives “select month box” as well as the subscribe button under the email address box as well as the email address under contact?

    e) how can i decrease the white space in between each footer title and the actual content for that section. For example, the space in between the “archives” title and the drop down box for the archives footer section.

    f) in the “goodreads” section of my boxed sidebar, how can i get rid of the goodreads logo at the bottom of the section in the round corner box?

    g) how can i change the color of the gray box around my search box in the sidebar?

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Hi @thelucyspace.

    Thank you for contacting us and for using our theme. We appreciate it.

    Here are the answers to your questions:

    a) As far as I can tell, it is not a post that gets doubled but the image. One is your post’s featured image and the other is the image you’ve put in the post’s body. Simply remove that other image and all should be well.

    b) In order to change dimensions of those images, the best way is to use Simple Image Sizes plugin – https://wordpress.org/plugins/simple-image-sizes/ Install it, set up thumbnail dimensions as you want and regenerate thumbnails. Please also check – https://help.lyrathemes.com/article/207-how-to-fix-uneven-images

    c) You should be able to activate slider by going to Customize -> Front Page -> Banner /Slider and selecting “Post Slider” option. Have you published the change?

    The CSS snippets that should answer your other questions should be inserted to Appearance -> Customize -> Additional CSS

    d)

    .widget_categories select, .widget_archive select {
    	color: red;
    }
    #archives-dropdown-4 option {
    	color: red;
    }
    button, input, select, textarea {
    	color: red;
    }

    e)

    .footer-widgets .widget-title {
    	margin-bottom: 15px;
    }

    f)

    .wpcom-goodreads-4, center img {
    	display: none;
    }

    g)

    .widget.widget_search {
    	background-color: yellow;
    }

    Hope this helps, but if you have additional questions or some CSS code doesn’t work, feel free to ask.

    Kind regards.

    Thread Starter thelucyspace

    (@thelucyspace)

    Hi,

    Thanks for the quick response! I followed your instructions but am still running into some trouble:

    a) Blog Feed: I removed the featured image from the posts that are currently the “full posts” for the “2 small posts followed by 1 full” option as you suggested and this did indeed solve the problem. However the new problem is that if the post becomes one of the “small posts” as I add more posts, then there will be no feature image. My question is: is the feature image part of the body of the post itself or is it merely a “thumbnail”?

    b) i downloaded the Simple Image Sizes plugin but there were multiple thumbnail options that I could change: “thumbnail” “post-thumbnail” “kale-thumbnail” I tried changing the post-thumbnail but it didn’t do anything. do you know which thumbnail option is the correct one and what I would need to change the dimensions to? Would changing the dimensions to accomodate vertical photos still allow me to upload horizontal photos for the thumbnail? And can horizontal and vertical thumbnails exist together on the home page?

    c) my post-slider option is already on and I’ve already clicked publish but it’s still not showing up.

    d) do you know the CSS code to help me remove the round-corner box around the book as well as the line under it in the “GoodReads” section of my boxed sidebar?

    e) do you know the CSS code to help me change the “subscribe” button in my footer to pink with white text?

    f) do you know how to decrease the white space at the bottom of my footer section that contains the subscribe, archives, contact, etc.

    Thanks so much for your help!

    Hi @thelucyspace,

    a. In most cases double image is displaying because there is image set as featured image and the same image inside post content. The best way to fix it is removing the image from post content. Please don’t remove featured image because it will remove it from other part of the website.

    b. You should modify “kale-thumbnail” image to change all featured image in blog feed. Please regenerate all images to make sure all images will be resized to new image size. All your new images will be resized to this new size so you can’t display both vertical and horizontal size images.

    c. Please make sure to select category inside Appearance → Customize → Front Page → Banner / Slider which has at least the number of posts you selected in “Posts Slider – Number of Slides/Posts” settings. If this category don’t have minimum number of posts there might be some issue with slider.

    d. Please go to Appearance → Customize → Additional CSS and add the following css:

    #wpcom-goodreads-4 div {
        border: none !important;
    }

    e. Add this css:

    #subscribe-submit input[type="submit"] {
        background-color: #debab9;
        border: none;
        color: #fff;
        padding: 8px;
    }

    f. You can try something like this:

    .footer-row-2 .widget {
        margin-bottom: 0;
    }
    
    .footer-row-2 + hr {
        margin-bottom: 0;
        margin-top: 20px;
    }

    Hope that helps.

    Best

    Thread Starter thelucyspace

    (@thelucyspace)

    Hi,

    1) The thumbnail images on the front page are very blurry and poor quality. How can i fix this?

    2)When you click on a post, the “featured image” is so much larger than the other images. See link:http://thelucyspace.com/2018/04/02/venice-italy/

    I tried to fix this by rescaling the image directly in wordpress through editing the image but this made the quality much worse even when I scale it to the same size as the post image (1024 pixel height)

    3) I have already selected category “fashion” and 3 posts for the post-slider but it is still not working.

    thanks!

    Hi @thelucyspace.

    1) The reason behind this is that original images are smaller in size than the display images. The original is 265px × 400px and then it gets upscaled to 360px × 543px. That’s why the image gets blurry. You’ll need to use bigger images to start with, i.e. not smaller than 360x543px.

    2) The featured image in that post is 1.066px × 1.600px. Bear in mind that the free Kale theme does not automatically crop featured image so you’ll have to do it while adding it. This should be useful – https://premium.wpmudev.org/blog/crop-image-wordpress/

    3) let’s see if my colleagues have any more ideas, if not you’ll have to contact us directly in order to resolve that.

    Kind regards.

    Thread Starter thelucyspace

    (@thelucyspace)

    Hi,

    Responding to your previous message in the same order:

    1) When I select a featured image, my featured image shows that it is 1066 x 1600 pixels, not 265 px x 400 px. Where are you seeing that my featured image’s original size is 265 px x 400 px?

    2) I did scale my featured image down from 1066px x 1600x to the same size as the “large” size for the kale theme post photos. However i noticed that whenever I publish my post, the photo that gets published to my site is much lower in quality and much blurrier then the photo that appears when I first upload/in the post preview. I did a search and i found that I am not the first to have experienced this with the Kale theme: https://wordpress.org/support/topic/blurry-vertical-images-after-publishing/

    Is there anything that can be done to fix this?

    3) How can I contact you guys directly to resolve my banner slider issue?

    Thanks

    Let’s continue in the same fashion. 🙂

    1) Please see this screenshot – https://prnt.sc/j07pos
    You’ll see the original resolution being 265x400px. This might be caused by misconfigured Simple Images Size plugin if you’ve used it to adjust thumbnails dimensions.

    2) Kale expects featured images to be of approx. 1200x800px in size. That way, all the thumbnails should be generated uniformly. You can prepare images in some image manipulation program in advance and then used it in Kale. That way, WordPress will not affect the original image size.

    3) You can find the contact link in that post you’ve referred to, but here it is one more time – https://www.lyrathemes.com/contact/

    Kind regards.

    Thread Starter thelucyspace

    (@thelucyspace)

    Hi,

    Thanks for the responses! I’m still having trouble figuring out why my images are blurry.

    See this example here: http://thelucyspace.com/about/

    The first photo I linked from my old blog URL on blogger. The second photo was directly uploaded via wordpress. If you zoom the page, the quality becomes much more noticeable. I deleted the simple images size plugin.

    Is this something you guys can help me with through the contact form along with the post-slider function not working?

    Thanks!

    Hi there,

    Please contact us via contact form and we’ll do our best to help you with this.

    Kind regards

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Problem w/ Blog Feed Post Display Format’ is closed to new replies.