Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • May 17, 2020 at 5:10 am #1213743
    Daniele

    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?

    May 17, 2020 at 5:17 am #1213745
    Daniele

    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

    May 17, 2020 at 5:23 am #1213746
    Daniele

    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

    May 17, 2020 at 5:08 pm #1213826
    Daniele

    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?

    May 17, 2020 at 5:51 pm #1213833
    Daniele

    please do not consider my last post in this topic

    May 17, 2020 at 9:45 pm #1213869
    Daniele

    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

    May 17, 2020 at 9:51 pm #1213870
    Daniele

    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

    May 23, 2020 at 2:01 pm #1215451
    Victoria

    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

    May 23, 2020 at 9:44 pm #1215587
    Daniele

    Hi victoria I fixed with 

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

    thanks

    May 25, 2020 at 6:12 am #1215965
    Rikard

    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

    May 26, 2020 at 3:37 am #1216346
    Daniele

    yep!
    many thanks

    May 27, 2020 at 5:36 am #1216792
    Rikard

    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

  • Author
    Posts
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.