Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 25, 2019 at 1:29 pm #1121891
    Jerome

    Hey guys,

    I have one question. On this page (private-section), there six buttons with squaremeters etc. I want to make the buttons in the same size ( same width).
    Normaly it is not a problem. I tested it with the chrome-console, i used this code:

    .avia-button.avia-size-medium {
    padding: 12px 24px 10px;
    font-size: 13px;
    min-width: 150px;
}

    I looks perfect, but when i put it into the quick css in enfold. Nothing changed… this is a littlebit weird.
    I refreshed the page, deleted chache and purged the cdn… maybe the code is wrong. Do you have a idea how to solve this problem?

    Would be great.

    Cheers,
    Jerome

    July 26, 2019 at 5:39 am #1122072
    Rikard

    Hey Jerome,

    Did you select to delete the old CSS and JS files under Enfold->Performance before checking the results?

    Best regards,
    Rikard

    August 9, 2019 at 9:49 am #1126141
    Jerome

    Hey Rikard,

    Sorry for the late answer. Yes Old CSS and JS is deleted.
    We have a test environment with the exact same installation. It works there but on the live build it doesn’t work. Maybe it is a bug?

    Cheers
    Jerome

    August 9, 2019 at 1:09 pm #1126205
    Rikard

    Hi,

    If you inspect the elements in your browser then you can see that your CSS is not applying, could you check that it’s on the very top of the Quick CSS box maybe?

    Best regards,
    Rikard

    August 9, 2019 at 1:17 pm #1126208
    Jerome

    Hi,

    Ok the Code is on the top of the quick.css. I purged the cdn, deleted cache, but nothing happened. Maybe it is a bug in this enfold version, we are using (4.5.2). But in the theme backend there is no update avaliable.

    Cheers,
    Jerome

    August 9, 2019 at 3:41 pm #1126251
    Jordan Shannon

    Hi,

    I would try 2 things further:

    1) Add “!important” to the css so it takes precedence.

    .avia-button.avia-size-medium {
    padding: 12px 24px 10px!important;
    font-size: 13px!important;
    min-width: 150px!important;
}

    2) Check any additional custom css you might have to ensure there are no format mistakes as this can cause breaks and thus other css won’t run.

    Best regards,
    Jordan Shannon

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