Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • August 8, 2019 at 11:54 am #1125897
    GraphicEyeDK

    Hi,

    On a specific page I want to change the space between columns. I have tried to follow the instructions from this topic: https://kriesi.at/support/topic/reduce-default-spacing-between-columns/. But I can’t make it work.

    Could you please help me. It’s regarding the 3 columns in the bottom of this page: https://xn--krlighedscoach-0ib.dk/anbefalinger
    I have name the Custom CSS Class “Anbefalinger”.

    Best regards,
    Helle

    August 9, 2019 at 6:06 am #1126098
    Rikard

    Hey Hello,

    Thanks for the link, I’m not sure exactly what changes you would like to make. Please try to explain a bit further or post screenshots of your intentions.

    Best regards,
    Rikard

    August 9, 2019 at 8:15 am #1126124
    GraphicEyeDK

    Hi,

    I want the space between the 3 columns to be 6% instead of 2.5% but only on this page. On the other pages of the site it should still be 2.5%.

    Best regards,
    Helle

    August 9, 2019 at 12:59 pm #1126198
    Rikard

    Hi Helle,

    Thanks for the clarification. Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 768px) {
.page-id-87 .av_one_third {
    margin-left: 6%;
    width: 29%;
}
}

    Best regards,
    Rikard

    August 13, 2019 at 10:31 am #1127122
    GraphicEyeDK

    Hi,

    I have added the css and now it looks like this: https://xn--krlighedscoach-0ib.dk/anbefalinger-2

    Best regards,
    Helle

    August 16, 2019 at 7:12 pm #1128334
    Basilis

    Hi,

    what should be different in this?

    Best regards,
    Basilis

    August 16, 2019 at 7:51 pm #1128347
    GraphicEyeDK

    Hi,

    The third column is beneath the two others – it should of course be beside.

    Best regards,
    Helle

    August 18, 2019 at 11:04 am #1128611
    Victoria

    Hi Helle,

    Can you disable caching and minification for now?

    Best regards,
    Victoria

    August 18, 2019 at 8:12 pm #1128707
    GraphicEyeDK

    Hi,

    Have can I do that?

    Best regards,
    Helle

    August 18, 2019 at 8:30 pm #1128718
    Victoria

    Hi Helle,

    Yes, but then you need to reduce the width of the elements if you increase the margin between them.

    Best regards,
    Victoria

    August 18, 2019 at 8:37 pm #1128723
    GraphicEyeDK

    I’m sorry, but I don’t understand what you mean?

    /Helle

    August 19, 2019 at 3:26 pm #1128928
    Victoria

    Hi Helle,

    Try the code likea this:

    
@media only screen and (min-width: 768px) {
.page-id-362 .av_one_third {
    margin-left: 6%;
    width: 25%;
}
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 20, 2019 at 9:07 am #1129160
    GraphicEyeDK

    Hi,

    Now the three columns are beside each other – thats great. But the content width of the three columns are not the same as the content width of the rest of the page. That should it be.

    Best regards,
    Helle

    August 20, 2019 at 8:21 pm #1129314
    Victoria

    Hi Helle,

    Can you please disable the Autotimize for now?

    Best regards,
    Victoria

    August 21, 2019 at 9:14 am #1129502
    GraphicEyeDK

    Hi,

    Yes, now it’s disable.

    Best regards,
    Helle

    August 21, 2019 at 5:24 pm #1129644
    Victoria

    Hi Helle,

    Please try the code like this:

    
@media only screen and (min-width: 768px) {
  .page-id-362 .av_one_third.first {
      margin-left: 0%;
  }
   .page-id-362 .av_one_third {
      margin-left: 6%;
      width: 29.3%;
  }
}

    Best regards,
    Victoria

    August 22, 2019 at 10:40 am #1129940
    GraphicEyeDK

    Hi,

    Now it works :-)

    Thanks for your help.

    Best regards
    Helle

    August 22, 2019 at 4:33 pm #1130023
    Victoria

    Hi Helle,

    Glad we got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

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