Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 1, 2015 at 10:52 pm #373947
    Bklaus_sk

    Hi, may be my question has been asked before, but I did not find it…

    On my start page I have four 1/4 Colums and in three of them I have one image above one textbox. I would like to have images (in circle styling) smaller than they do come no matter how the original size is (I guess they use the full with of the column).

    How to manage that?

    Thanks

    Klaus

    January 1, 2015 at 11:58 pm #373963
    Elliott

    Hi Bklaus_sk!

    Try adding this to your custom CSS.

    .av_one_fourth img {
    max-width: 50% !important;
}

    If that’s not correct then send us a link to your page and take a screenshot highlighting exactly what your trying to do.

    Regards,
    Elliott

    January 2, 2015 at 12:22 am #373975
    Bklaus_sk

    Hi,

    ok, now the circle images in colums 2, 3 and 4 are smaller.

    But the slider in column 1 as well :-(.

    I wanted only the circle images to be smaller.

    Any solution?

    Thank you

    Klaus

    January 2, 2015 at 5:53 pm #374113
    Elliott

    Hey!

    Send us a link so we can get a better idea of what’s going on.

    Cheers!
    Elliott

    January 2, 2015 at 11:08 pm #374291
    Bklaus_sk
    This reply has been marked as private.
    January 3, 2015 at 12:41 am #374340
    Elliott

    Hi!

    Try this.

    .av-styling-circle .avia_image {
  max-width: 70% !important;
}

    Cheers!
    Elliott

    January 4, 2015 at 11:29 pm #374815
    Bklaus_sk

    Yes, that code did the job, thank you!

    Now my last problem is to shrink the logo width to the width of the first column (a one fourth column). There are so many threads about logo size.. Which one will lead me best?

    Oops, one more question: is there a complete list of css parameters including description (like “image in circles within columns”) so that I could try to fix such problems myself?

    Thanks
    Klaus

    January 5, 2015 at 6:31 pm #375228
    Elliott

    Hey!

    You can change the logo width with this CSS.

    .logo img { max-width: 120px !important; }

    We do not have any list of CSS classes / IDs but you can look in the stylesheets for whatever you need or use Firebug, https://getfirebug.com/.

    Regards,
    Elliott

    • This reply was modified 9 years, 10 months ago by Elliott.
  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.