Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1004636

    Dear support and members,
    i try in a page the specific css. In diverse responsive view should on 2-4 pages different margins, paddings, tops and left edit.
    Okay!
    Example:
    @media only screen and (max-width: 667px)
    {
    .responsive #top .slideshow_caption h2 { font-size: 80% !important; padding-top: 3px !important;}
    .page-id-1097 .responsive #top .slideshow_caption h2 {padding-top: 9px !important;}
    .page-id-1293 .responsive #top .slideshow_caption h2 {padding-top: 11px !important;}
    }

    @media only screen and (max-width: 800px)
    {
    .responsive #top .slideshow_caption h2 { font-size: 70% !important; padding-top: 13px !important;}
    .page-id-1097 .responsive #top .slideshow_caption h2 {padding-top: 9px !important;}
    .page-id-1293 .responsive #top .slideshow_caption h2 {padding-top: 11px !important;}
    }

    but enfold always takes only the css values without page id …. Why?
    Whats is wrong? I need urgent differents tops and margin in the differets pages.

    Please helps!

    Great thanks sp

    #1004667

    Hey strumpumpel,
    I took a look at your page and css and the first thing I noticed was your page id was in the wrong place in your css, I also recommend adding another id with the page id to the css to overcome the base css because it is using !important;
    Please try this css instead:

    @media only screen and (max-width: 667px) {
    .responsive #top .slideshow_caption h2 { font-size: 80% !important; padding-top: 3px !important;}
    .responsive #top.page-id-1097 #full_slider_1 .slideshow_caption h2 {padding-top: 9px !important;}
     .responsive #top.page-id-1293 #full_slider_1 .slideshow_caption h2 {padding-top: 11px !important;}
    }
    
    @media only screen and (max-width: 800px) {
    .responsive #top .slideshow_caption h2 { font-size: 70% !important; padding-top: 13px !important;}
     .responsive #top.page-id-1097 #full_slider_1 .slideshow_caption h2 {padding-top: 9px !important;}
     .responsive #top.page-id-1293 #full_slider_1 .slideshow_caption h2 {padding-top: 11px !important;}
    }

    Please clear your browser cache and check.
    If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    #1005569

    Mike?! Your solution is great and my problem is solved!

    Great, great thanks! :)

    Sp. :)

    #1005590

    Hi Sp,

    Great, glad Mike could help you out :-)

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

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.