Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • July 26, 2018 at 5:45 pm #990331
    whdsolutions

    Hello there

    This is driving me crazy

    I want to achieve as attached but I cannot – Please can you help me?

    http://new-medi4-co-uk.stackstaging.com/services/event-medical-support/

    needs to have icons like the attached size

    • This topic was modified 6 years, 4 months ago by whdsolutions.
    July 26, 2018 at 6:47 pm #990343
    Jordan Shannon

    Hey whdsolutions,

    Hi, I remember adjusting this last week, do you need the same code?

    Best regards,
    Jordan Shannon

    July 27, 2018 at 4:49 am #990535
    whdsolutions

    Please don’t know what’s happened

    July 27, 2018 at 9:17 am #990581
    whdsolutions

    When I add

    .iconbox_icon.heading-color {
    font-size: 90px!important;
    width: 120px!important;
    height:8px!important;
    border-radius: 100px!important;
    margin-left: -80px!important;
    margin-top: -73px!important;
    padding: 30px!important;
    padding: 60px 20px 90px 20px!important;
    }

    The website goes REALLY thin and the Icons do NOT change size

    • This reply was modified 6 years, 4 months ago by whdsolutions.
    July 27, 2018 at 9:28 am #990584
    Yigit

    Hi,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Yigit

    July 27, 2018 at 9:29 am #990587
    whdsolutions

    Tried again different browser cleared cache – Nothing!!!

    July 27, 2018 at 9:32 am #990588
    whdsolutions

    Here are your credentials

    July 27, 2018 at 9:41 am #990593
    Yigit

    Hi,

    There was an extra closing curly bracket in your Quick CSS code. I deleted and now it works.
    But please note since you wrapped your code inside a media query, it will be applied on screens below 1200px

    Please review your website

    Best regards,
    Yigit

    July 27, 2018 at 10:42 am #990622
    whdsolutions

    How do I get this to work on any screen width

    July 27, 2018 at 1:21 pm #990686
    Rikard

    Hi,

    Just remove the media query surrounding the CSS:

    @media only screen and (max-width: 1200px) {
Your CSS here
}

    Remove everything in my example except Your CSS here, which is the CSS you want to keep.

    Best regards,
    Rikard

    July 27, 2018 at 2:16 pm #990717
    whdsolutions

    Done nothing :-(

    July 27, 2018 at 2:17 pm #990718
    whdsolutions

    They are STILL small but all the time now – we need the icons much bigger like they were sub 1200px

    July 27, 2018 at 2:20 pm #990721
    whdsolutions

    Plus when I delete this the icons go big but overlap really bad on mobile – we need this fixing and I am running out of time….

    Our client will not pay until these fixes are done – really hope you can help us achieve what seems to be a very minor CSS tweak…

    July 27, 2018 at 4:42 pm #990765
    Yigit

    Hi,

    I changed your code to following one

    @media only screen and (min-width: 769px) {
.iconbox_icon.heading-color {
    font-size: 90px !important;
    width: 120px !important;
    height:8px !important;
    border-radius: 100px !important;
    margin-left: -80px !important;
    margin-top: -73px !important;
    padding: 30px !important;
    padding: 60px 20px 90px 20px !important; 
}}

    Please review your website

    Best regards,
    Yigit

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