Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • March 3, 2014 at 5:39 am #231419
    Richard

    Hi
    As you can see from the screen shot (website on localhost) I have some space between the copy and icon boxes which I am trying to get rid of. The icon boxes should sit side by side just under the copy above…which they were (but with a huge gap) until I started to move them up

    https://www.dropbox.com/s/xpqojmsuf0ykv8e/Screenshot%202014-03-03%2014.36.22.png

    The code

    .flex_column.av_one_third.avia-builder-el-10.el_after_av_one_third.el_before_av_one_third.column-top-margin{margin-top:-350px;
}

.flex_column.av_one_third.avia-builder-el-12.el_after_av_one_third.el_before_av_hr.column-top-margin{margin-top:-350px;
}

    only works on one column. Is there a way to this properly?
    regards
    Richard

    March 3, 2014 at 3:14 pm #231554
    Yigit

    Hi Richard!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    #top .iconbox_top { margin-top: 0; }

    Regards,
    Yigit

    March 3, 2014 at 10:09 pm #231866
    Richard

    Hi Yigit

    It works fine but there are other icon boxes on the site so they are moved up as well. Is it possible to isolate it to this one page?
    Regards
    Richard

    March 3, 2014 at 10:12 pm #231871
    Yigit

    Hi!

    Please change the code to following

    .page-id-2712 .iconbox_top { margin-top: 0; }

    You can right click on Chrome or Firefox and inspect elements to find the ID http://i.imgur.com/k8B7763.jpg ( Here i showed post ID but you can find the page ID in the same place )

    Regards,
    Yigit

    March 3, 2014 at 11:09 pm #231887
    Richard

    Hi Yigit

    As much as I hate to say it … that does not work…although it should

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

    regards
    Richard

    March 3, 2014 at 11:34 pm #231893
    Yigit

    Hey!

    Please let us know when you launch the site so we can provide more accurate custom CSS code

    Best regards,
    Yigit

    March 3, 2014 at 11:45 pm #231903
    Richard

    Hi Yigit

    Will do…should be today…if I can get a handle on uploading localhost to server!!

    Regards
    Richard

    March 3, 2014 at 11:46 pm #231907
    Yigit

    Hi!

    We will be waiting to hear from you. If needed, please see http://kriesi.at/documentation/enfold/move-from-a-local-installation-to-a-live-server/
    Thread will be on hold and you can open it by simply posting. Please post when you launch the website

    Best regards,
    Yigit

    March 5, 2014 at 2:06 am #232470
    Richard
    This reply has been marked as private.
    March 5, 2014 at 4:18 am #232527
    Josue

    Hi!

    Try with this code:

     @media only screen and (min-width: 990px) {
 .home avia-builder-el-10, .home avia-builder-el-12 {
    top: 350px;
    left: 300px;
    position: absolute !important;
 }
 .home avia-builder-el-12 {
     left: 650px
 }
}

    Regards,
    Josue

    March 5, 2014 at 4:26 am #232528
    Richard

    Hi Josue

    Sorry but that did not work either

    Regards
    Richard

    March 5, 2014 at 8:15 pm #232897
    Yigit

    Hey!

    Please try adding following code to Quick CSS 

    #after_full_slider_1 > div > div > div > div > div.flex_column.av_one_third.first.avia-builder-el-9.el_after_av_two_third.el_before_av_one_third.column-top-margin {
display: none;
}

    Cheers!
    Yigit

    March 5, 2014 at 11:38 pm #232982
    Richard

    Hi Yigit

    Thanks for your help…works just great. tricky little bit of coding

    Regards
    Richard

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