Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 29, 2017 at 7:29 pm #858582
    metrocitygirl

    Is there a way to reduce the diameter of the circle images (with custom css) so that the images aren’t so large on my site? You can see the link to the page that has the images in the private content.

    September 30, 2017 at 8:48 am #858714
    Jordan Shannon

    Hey metrocitygirl,

    Add the following to quick css. These are your current settings, so just adjust the width % to whatever you like.

    .avia-builder-el-9.el_before_av_one_third,
.avia-builder-el-14.el_after_av_one_third, 
.avia-builder-el-19.el_after_av_one_third{
    margin-left: 6%;
    width: 2.333333333333332%;
}

    Best regards,
    Jordan Shannon

    September 30, 2017 at 4:56 pm #858779
    metrocitygirl

    So I am not sure what is going on…maybe I’m placing the css in the wrong part of my quick css? I do have a ton of code in there. I just threw it at the bottom of everything else. I kept the css you gave me as is to test it out and scale it down from there. This is what it did to the About Us page.circle image diameter code So I took it out completely. Don’t know what I did wrong.

    October 1, 2017 at 8:56 pm #858980
    Mike

    Hi,
    Try this code in the General Styling > Quick CSS field:

    .page-id-2 .avia-image-container.av-styling-circle {width: 50%!important; }

    I added the page-id so it will only work on this one page, you can adjust the 50% to suit.

    Best regards,
    Mike

    October 2, 2017 at 7:21 am #859109
    metrocitygirl

    woohoo it worked! you can close this thread now.

    October 2, 2017 at 8:08 am #859125
    John Torvik

    Hi,

    You are welcome!

    Best regards,
    John Torvik

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