Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #205539

    Hi,

    On a previous ticket, Yigit helped me with the code that sets icon box minimum heights for difference screen widths. I need to set the heights separately for each of 4 relevant pages, but the code I’m using below (in Quick CSS) only seems to be working on one of these page (ID 15):
    Can you see what the problem might be, or suggest a better way to make this change?

    Thanks very much again!
    Ruth

    Home: http://www.graycedev.co.uk/
    Page ID 15: http://www.graycedev.co.uk/about/
    Page ID 17: http://www.graycedev.co.uk/insights/
    Page ID 19: http://www.graycedev.co.uk/development/

    @media only screen and (min-width: 767px) and (max-width: 989px) {
    home .iconbox_content { min-height: 180px; } }
    @media only screen and (min-width: 990px) and (max-width: 1215px) {
    home .iconbox_content { min-height: 180px; } }
    @media only screen and (min-width: 1216px) {
    home .iconbox_content { min-height: 160px; } }

    @media only screen and (min-width: 767px) and (max-width: 989px) {
    .page-id-15 .iconbox_content { min-height: 215px; } }
    @media only screen and (min-width: 990px) {
    .page-id-15 .iconbox_content { min-height: 178px; } }

    @media only screen and (min-width: 767px) and (max-width: 989px) {
    .page-id-17 .iconbox_content, { min-height: 355px; } }
    @media only screen and (min-width: 990px) {
    .page-id-17 .iconbox_content, { min-height: 293px; } }

    @media only screen and (min-width: 767px) and (max-width: 989px) {
    .page-id-19 .iconbox_content, { min-height: 182px; } }
    @media only screen and (min-width: 990px) {
    .page-id-19 .iconbox_content, { min-height: 182px; } }

    #205540
    This reply has been marked as private.
    #205669

    Hi!

    You have a typo, you need to add a dot before ‘home’:

    @media only screen and (min-width: 767px) and (max-width: 989px) {
    .home .iconbox_content { min-height: 180px; } }
    @media only screen and (min-width: 990px) and (max-width: 1215px) {
    .home .iconbox_content { min-height: 180px; } }
    @media only screen and (min-width: 1216px) {
    .home .iconbox_content { min-height: 160px; } }

    Regards,
    Josue

    #205696

    Brilliant, that’s sorted now.
    Thanks very much for your help.

    #205697

    You are welcome, glad we could help :)

    Regards,
    
Josue

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

The topic ‘Icon box height set for pages’ is closed to new replies.