How to view the site on 90% of the actual size

Home › Forums › Jevelin Theme › How to view the site on 90% of the actual size

Home › Forums › Jevelin Theme › How to view the site on 90% of the actual size

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    RESOLVED Posts

  • geoleo
    Participant

    Hi there (again),

     

    My site is this http://www.airbnb-helper.gr

    I wanted to know how to make the circle (that has an arrow, please check attached file) of the icon box look smaller? Ideally i want the “normal” view of my site to be 90% of its actual size. I guess i will have to do this by making each element (text, icon etc), 10% smaller, unless you guys have come up with something easier.

     

    Thank you for everything guys.

    Regards,

    G

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Hi @geoleo,

     

    Thank you for your question.

     

    You can try making the circle smaller by adding the following CSS code in the Custom CSS code option of your theme on the below path.

    Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code

     

    .sh-iconbox-style1 .sh-iconbox-icon2 {
    width: 40px;
    height: 60px;
}
.sh-iconbox-style1 .sh-iconbox-icon-shape > i {
    line-height: 100px;
}
.sh-iconbox-style1 .sh-iconbox-icon-shape {
    width: 100px;
    height: 100px;
}

     

    Best regards,
    Shufflehound team

    geoleo
    Participant

    First of, I would like to thank you for the quick responses! OMG…. you guys are good! I am really surprised that your Theme and of course the quality of support has not attracted more than a 100,000 sales! I am so glad that I landed on your theme.

     

    Now, back to the question. We almost sorted it out, as when I apply the CSS code the round shape becomes oval. Please check attachment. I was wondering if we could maintain the circular shape.

     

    http://www.airbnb-helper.gr

     

    Thank you for everything.

     

    Attachments:
    You must be logged in to view attached files.

    Shufflehound Support
    Moderator

    Solution for this topic

    I can see this is happening because the greater than symbol > added in the previous code is not working so please try using the below CSS code instead of above.

    .sh-iconbox-style1 .sh-iconbox-icon2 {
    width: 40px;
    height: 60px;
}
.sh-iconbox-style1 .sh-iconbox-icon-shape i.sh-iconbox-hover {
 line-height: 100px;
}
.sh-iconbox-style1 .sh-iconbox-icon-shape { 
width: 100px; 
height: 100px; 
}

    geoleo
    Participant

    oohhh you are good! that seemed to have worked.

    Thank you for this.

    G

    Shufflehound Support
    Moderator

    You are most welcome here 🙂

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)