Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 26, 2017 at 10:45 pm #857171
    messmeriza

    Hi guys,

    I’m using my own icons on all pages of the website I’m building http://a95.ef7.myftpupload.com/

    The size of the circles around the icons on the inside pages is 60px.
    This is the code I’m using in the Quick CSS in General Styling:

    #top .iconbox.av-no-box .iconbox_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 35px;
    }

    I would like to make the circles around the icons on the Homepage the same size, 60px.

    Can you please give me the code for it.
    Thanks!

    September 27, 2017 at 8:33 am #857361
    Rikard

    Hey Carolin,

    I can’t see much difference between the front page and the about page, could you try to explain what you are looking to achieve a bit further please? Also, why wouldn’t your CSS work for the front page?

    Best regards,
    Rikard

    September 28, 2017 at 6:42 pm #858182
    messmeriza

    Hi Rikard,

    I want the circles and icon sizes on the homepage to be the same as on the other pages.

    On the homepage it looks like the circle is 70 px. On the other pages it’s 60px.
    The icons on the homepage are a lot smaller than on the other pages and I want them to be the same size as well.

    See the screenshots in the private content.

    I don’t know why the css wouldn’t work for the homepage. One of your colleagues gave me the code.

    Thanks,
    Carolin

    October 2, 2017 at 3:45 am #859040
    Ismael

    Hi,

    Thank you for the update. Please add the following css codes.

    #top .iconbox_icon {
    width: 74px;
    height: 74px;
    line-height: 74px;
    font-size: 35px;
}

    Best regards,
    Ismael

    October 3, 2017 at 7:41 pm #859758
    messmeriza

    Hi Ismael,
    It’s still not changing the circle sizes on the homepage after I put your code into the general styling quick css. So I changed it to:

    #top .iconbox_icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 35px;
    }

    But that makes no difference to the circle sizes either.
    Can you please suggest something else. Thanks!
    Carolin

    October 4, 2017 at 8:47 am #860018
    Ismael

    Hi,

    Did you remove the browser cache before checking the page? It is working if we add the css code directly in the browser inspector. Please post the login details in the private field so that we can test it.

    Best regards,
    Ismael

    October 4, 2017 at 10:33 pm #860341
    messmeriza

    Hi Ismael,

    yes I did and it’s still larger circles than on all other pages.
    https://www.dropbox.com/s/ldy1i4b1pmh3vb0/circles_Homepage.png?dl=0

    My login is in the private content.

    Thanks,
    Carolin

    October 5, 2017 at 6:37 am #860447
    Ismael

    Hi,

    Thank you for the info.

    We adjusted the css code a bit. Please remove/flush the plugin/browser cache or hard refresh before checking the page.

    #top .iconbox_left_content .iconbox_icon, #top .iconbox_right_content .iconbox_icon, #top .iconbox_top .iconbox_icon, #top .iconbox.av-no-box .iconbox_icon {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 35px;
}

    Best regards,
    Ismael

    October 5, 2017 at 7:11 pm #860720
    messmeriza

    Awesome!! Thanks, Ismael. Looks great now!

    October 5, 2017 at 11:59 pm #860791
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Would like icon circle sizes on Homepage same as on inside pages’ is closed to new replies.