Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1213743

    Hi again sorry,
    after this solution :
    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .post-entry-3765 .flex_column{
    margin-bottom:0px!important;
    }}
    (by the moderator Jordan Shannon)

    in the same page, also the images down below dont show anymore the white separation line.(normal image content, not colour section)
    How to avoid that?

    #1213745

    Also,
    i’d like a quick CSS quick to apply in the future to other colour section i will add in different pages with the same goal.
    so i guess I need to have a quick CSS referring to my #Custom ID Attribute, am I wrong?
    Thanks again

    #1213746

    I did like that

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #first .container .flex_column{
    margin-bottom:0px!important;

    where #first is my custom ID attribute for that colour section.

    It seems to work but i dont know anything about CSS, I just did it with my intuition.

    is that correct? other way?
    if I remove #first, will it apply to all colour section container?

    cheers

    #1213826

    unfortunately this:
    `@media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #first .container .flex_column{
    margin-bottom:0px!important;

    will apply at all desktop website two wide border, left and right.

    may someone help me?

    #1213833

    please do not consider my last post in this topic

    #1213869

    if I add a sidebar on that page, the page goes back to show the white bar and the line below as without the code “@media only screen and (max-width: 767px)”
    Can someone help me?
    thanks

    #1213870

    PLEASE FORGIVE FOR CONFUSION, HERE I RESUME EVERYTHING
    So, to make it clear.
    when I remove the white bar with the code

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all .post-entry-3765 .flex_column{
    margin-bottom:0px!important;
    }}
    (by the moderator Jordan Shannon)

    all the image of the pages are stuck together vertically.

    Then I added like that, to point my ID #first:

    @media only screen and (max-width: 767px) {
    .responsive #top #wrap_all #first .container .flex_column{
    margin-bottom:0px!important;
    }}

    and It worked perfectly.

    But
    if I add a side bar on that page, everything re-appears with border with a line in mobile view under an image.
    Thanks for helping me

    #1215451

    Hi phoenixdivers-kohlanta,

    Did you get it working for you?

    Could you please attach some screenshots of the issue?

    Please refrain from replying to your own thread because it gets pushed back to the end of the queue and moderators won’t be able to provide a response immediately. Please be patient while we go through the rest of the queue. Thank you for your understanding.

    Best regards,
    Victoria

    #1215587

    Hi victoria I fixed with

    /* no top line on container */
    .container_wrap { border-top: none !important; }

    thanks

    #1215965

    Hi,

    Great, I’m glad that you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    #1216346

    yep!
    many thanks

    #1216792

    Hi,

    Thanks for the update, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘border with a line in mobile view under an image – mobile colour section PART 2’ is closed to new replies.