Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 30, 2014 at 1:58 pm #297713
    Richard

    Hi

    This code 

    #top .iconbox_top {
    margin-top: -280px;
}
moves 2 icon boxes up the page as I need but I also need to identify this page 
<code>.page-id-2439</code> so that it does not effect any other pages. But I cannot seem to combine them and make it work at the same time

    Thanks
    Richard

    July 30, 2014 at 2:10 pm #297718
    Yigit

    Hi Richard!

    Please use following code

    .page-id-2439 .iconbox_top {
    margin-top: -280px;
}

    Regards,
    Yigit

    July 30, 2014 at 3:20 pm #297755
    Richard

    Hi Yigit
    That’s what I have been using but it does not work…I thought it was just my coding!!
    Any ideas…cannot seem to find anything that may be stopping it…although my coding is really messy

    regards
    Richard

    July 30, 2014 at 3:29 pm #297757
    Yigit

    Hey Richard!

    Please use following code

    .page-id-2439 .iconbox {
margin-top: -280px!important;
}

    Cheers!
    Yigit

    July 31, 2014 at 12:30 am #297973
    Richard

    Hi Yigit

    Thanks for that…an “important” thing to remember
    Regards
    Richard

    July 31, 2014 at 12:32 am #297974
    Yigit

    Hi!

    It would be better to wrap it inside media queries as following, not to mess up the look on mobile

    @media only screen and (min-width: 990px) {
.page-id-2439 .iconbox {
margin-top: -280px!important;
}}

    Regards,
    Yigit

    July 31, 2014 at 1:02 am #297988
    Richard

    Hi Yigit
    Thanks again
    Regards
    Richard

    July 31, 2014 at 1:11 am #297993
    Yigit

    Hey!

    You are welcome Richard, we are always glad to help! :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Moving Icon box up’ is closed to new replies.