Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • January 28, 2021 at 3:32 pm #1276070
    rixi

    Hi,
    i have a colorsection and would like to put 3 columns parallel into that. The middle one is just a dooted line, so it doent nee so much space. How can i make it very small?
    The smallest column is right now1/5

    That section looks not right on the mobile version. The text is to much on the right side.
    Any idea how i can change that?

    Many greetings,
    rixi

    January 30, 2021 at 4:06 am #1276471
    Rikard

    Hey rixi,

    I’m not sure I understand exactly what you are looking to change. Could you try to explain a bit further, or post a screenshot highlighting your intentions please?

    Best regards,
    Rikard

    February 2, 2021 at 11:41 am #1277082
    rixi

    Hi again,
    perhaps its easier when i ask if it is possible to make more than 5 colums.
    I have a contact area with 4 columns text but in between are dottel lines as a separator. So i need all together7 columns.
    How can i manage that?

    Many greetings Rixi

    February 3, 2021 at 9:35 am #1277286
    Rikard

    Hi,

    Thanks for the clarification. I had a look at the image at the end, and I think you would only need 4 columns, as the dashed lines can be created with CSS. Please add the content to 1/4 elements, then we can help you out with CSS in order to create the dashed lines.

    Best regards,
    Rikard

    February 3, 2021 at 10:02 am #1277294
    rixi
    This reply has been marked as private.
    February 4, 2021 at 8:22 am #1277620
    Rikard

    Hi,

    Thanks for the update. I added a class to the columns in question, then this to Quick CSS:

    .dashed_column {
    border-right: 2px dashed #2F396A !important;
    margin-left: 3%;
    padding-right: 3%;
}

    I’m not sure if it’s what you had in mind, or if you want to keep on using the image? If so then we can try to set it as a background instead.

    Best regards,
    Rikard

    February 4, 2021 at 11:18 am #1277655
    rixi

    Hi Rikard,
    thank a lot! Its perfekt!!! jippiiiieeee :)

    Many greetings
    rixi

    February 5, 2021 at 8:43 am #1277906
    Rikard

    Hi,

    Great, I’m glad that we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    February 7, 2021 at 3:13 pm #1278448
    rixi

    Hi again,
    could you please tell me how i can delete the dottet lines on mobile? There i don`t really need them beside the text.
    That would be great!!!

    Many greetings rixi

    February 7, 2021 at 10:30 pm #1278484
    Jordan Shannon

    Hi,

    Add this to quick css:

    @media only screen and (max-width: 767px) {
.wp-image-526.avia-img-lazy-loading-not-526.avia_image{
display:none!important;
}}

    Best regards,
    Jordan Shannon

    February 8, 2021 at 9:49 am #1278582
    rixi

    Hi Jordan,
    thanks for your answer! I put that code to my quick css but the dottet lines are still by the contact details on the right side in the bottom part ofthe page. Is it possible to delete that over there?

    Many greetings rixi

    February 9, 2021 at 7:00 am #1278937
    Rikard

    Hi,

    Thanks for the update. Please replace this CSS:

    .dashed_column {
    border-right: 2px dashed #2F396A !important;
    margin-left: 3%;
    padding-right: 3%;
}

    With this:

    @media only screen and (min-width: 768px) {
.dashed_column {
    border-right: 2px dashed #2F396A !important;
    margin-left: 3%;
    padding-right: 3%;
}
}

    Best regards,
    Rikard

    February 9, 2021 at 10:07 am #1278981
    rixi

    Hi Rikard,
    great, thank you, that worked :) :)

    Many greetings
    rixi

    February 10, 2021 at 4:37 am #1279296
    Rikard

    Hi,

    Great, I’m glad that you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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