Forums

Unwatnted Cropping on Categories pages with WPFolio (8 posts)

  1. ngaytan
    Member
    Posted 9 months ago #

    Hello,

    I made my portfolio site with WPFolio and for the most part it is working just the way i would like it to. however i have run into one issue.

    whenever a post gets added to a category page (like the home page or blog page), the images get cropped.

    for example, here the image is being cut off on the right side
    http://noegaytan.com/category/blog/
    if you right click and click view image, you can see the entire picture the way i would want it to look.

    any idea how i can fix it so that it shows the entire image?

    thanks!
    -noe

  2. notlaura
    Member
    Posted 8 months ago #

    The blog format in WPFolio is set up so that you can see the sidebar widget areas on categories named blog, news, latest, updates, or notable - i.e. the content area is smaller than a regular page or portfolio post.

    You can change this by:

    1. Making you image smaller within the WordPress interface (select medium or small instead of lare/fullsize). I recommend doing this for your blog and adding some widgets to take advantage of the format.

    2. Adding this to your child theme's style.css:

    .noteable {
        overflow: visible;
    }

    3. Changing the name of the category to something other than the above - not recommended because your posts will show up as thumbnails instead.

  3. ngaytan
    Member
    Posted 8 months ago #

    hi there
    thank you for the help, much appreciated.
    im trying to solve my issue through your second suggestion, but its still not working.
    i activated my child theme and then copy and pasted the code you gave me into the "add your changes here" section, but its still not working.

    here is what my code looks like now

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

  4. ngaytan
    Member
    Posted 8 months ago #

    sorry, here it is
    http://pastebin.com/9PYFReTa

  5. notlaura
    Member
    Posted 8 months ago #

    You have some stray comment tags. Delete the /* 's on lines 28 and 32 and should be good to go.

  6. ngaytan
    Member
    Posted 8 months ago #

    sorry, but its still not working.
    is there anything that im missing?
    http://pastebin.com/p655ebb2

  7. notlaura
    Member
    Posted 8 months ago #

    Oops/derp...spelling mistake...try this:

    div.notable {
       overflow:visible;
    }
  8. ngaytan
    Member
    Posted 8 months ago #

    it worked! thank you so much!

Reply

You must log in to post.

About this Topic

Tags