Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 10, 2017 at 8:34 pm #887129
    bodnikwebservices

    Hi guys,

    Have been wrestling with the blog preview pic size. I have it set to 300×300 in the Blog-post element on my page but it doesn’t seem to take effect. Also tried setting the square size in the function.php to a larger size and regenerating thumbnails.

    I would like a preview pic in the 250 square range that is left floating.
    Was hoping you could help me out.

    Steve

    December 11, 2017 at 1:38 pm #887382
    Victoria

    Hey bodnikwebservices,

    Looks great to me, do you still want images at 250px?

    Best regards,
    Victoria

    December 11, 2017 at 3:41 pm #887466
    bodnikwebservices

    Thanks. I played with the styling on the weekend and got it working (kind of).
    It seems the method I used doesn’t scale well to tablets or phones. Should I have used % as the image sizes/containers? Or should I enter different @media styles. As soon as I start reducing the screen width the margin evaporates and the text creeps below the preview pic:(
    Maybe you can recommend better styles or method?

    Thanks for your help.

    December 12, 2017 at 11:31 am #887837
    Victoria

    Hi bodnikwebservices,

    It looks different now, I was about to check, but you changed the layout. Are you still experimenting? You can use percentage and media queries to mobile views better.

    Best regards,
    Victoria

    December 12, 2017 at 4:03 pm #887980
    bodnikwebservices

    Victoria,

    I reverted to a boxed blog layout because I was not able to get the CSS working for me on mobile.
    I need to use the current layout but allow for a larger preview image that will scale properly.
    I have it set in the Blog element to medium size image, but it seems locked at 180px square.
    Can you help me to use the current layout but increase the preview pic column and reduce content column?

    Thanks.

    Steve

    December 12, 2017 at 4:13 pm #887990
    Victoria

    Hi Steve,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.single-small .post_author_timeline {
    left: 90px;
}
.small-preview {
    width: 181px;
    height: 181px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    December 12, 2017 at 8:51 pm #888067
    bodnikwebservices

    Thanks, that looks great. I made some media queries to make it smaller on tablet/phone size.

    How can I get rid of that single vertical border line that runs through the blog-meta? I can not seem to find the style.

    Thanks again.

    December 13, 2017 at 2:00 pm #888352
    Rikard

    Hi,

    Please try this as well:

    .post_author_timeline {
  display:none;
}

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.