Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 16, 2019 at 12:03 am #1166193
    greyhound72

    Hello,

    May anyone suggests how to add a border to single post images, please?

    Thanks in advance!

    J.N.

    December 16, 2019 at 10:17 am #1166278
    Rikard

    Hey greyhound72,

    Could you post a link to where we can see the elements in question please? Also please point out which images in specific you would like to add a border to.

    Best regards,
    Rikard

    December 16, 2019 at 10:20 am #1166279
    greyhound72

    Hello Rikard,

    Here: https://www.kaltra.at/single-post/2019/11/18/r32-scroll-chillers

    I need to add a border to the image, there are only one image on the page, a big one.

    Regards,
    J.N.

    • This reply was modified 4 years, 11 months ago by greyhound72.
    December 16, 2019 at 12:50 pm #1166344
    Rikard

    Hi,

    Thanks for that, though it looks like you have already added code for that:

    .big-preview img {
    border-radius: 4px!important;
    border: #eaeaed 1px solid!important;
}

    I can’t see exactly where that code is coming from since you have file compression active.

    Best regards,
    Rikard

    December 16, 2019 at 1:09 pm #1166355
    greyhound72

    Yes, looks like my quick css works, it was:

    .small-preview img {
    border-radius: 4px!important;
    border: #eaeaed 1px solid!important;
    }

    .big-preview img {
    border-radius: 4px!important;
    border: #eaeaed 1px solid!important;
    }

    Another issue is that, on mobile, the blogpost image is right-padded 50px, while the post text has no right padding. Could you please suggest how to remove that image padding (on mobile only!)?

    Thanks!

    J.N.

    • This reply was modified 4 years, 11 months ago by greyhound72.
    December 16, 2019 at 2:56 pm #1166413
    Yigit

    Hi,

    Please add following code to Quick CSS as well

    @media only screen and (max-width: 768px) {
.big-preview.single-big {
    padding: 0 0 10px 0;
}}

    Cheers!
    Yigit

    December 17, 2019 at 10:42 am #1166772
    greyhound72

    Thanks! It works!

    And one more question: is it possible to show featured pictures on mobile, on main blog page? By default, pictures are suppressed, either small or big preview.

    Thanks,
    J.N.

    December 17, 2019 at 8:04 pm #1166994
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px){
.responsive .template-blog .blog-meta{
display:block!important;
}}

    Best regards,
    Jordan Shannon

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