Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 10, 2014 at 3:29 pm #234739
    graphico

    hi again,
    1. i want to put a promo box in a 1/3 column, how do i change the button of the promo box to be below instead of on the right? i want this change to apply only to this promo box. picture: promobox button on side

    2. in the homepage, the costumer wants a slider and a contact form on top. so i put a easy slider on 2/3 and a contact form on 1/3.
    but is there an option to keep using the advance layer slider? i like the advanced layer slider better. maybe i can put the contact form as a top layer on top of a fullscreen slider? do you know a way to that?
    picture: homepage 2/3 slider

    • This topic was modified 10 years, 8 months ago by graphico.
    March 11, 2014 at 5:12 am #235183
    Josue

    Hi!

    1. Try adding this code to the Quick CSS:

    .av_promobox .avia-button-wrap{
    float: none !important; 
}
.av_promobox .avia-button-wrap .avia-button {
    float: none !important;
    position: static !important;
    margin-top: 0 !important;
}

    2. You can put a shortcode (contact form) in a layer of LayerSlider.

    Cheers!
    Josue

    March 13, 2014 at 1:28 pm #236896
    graphico

    hi thanks, but i want this change to apply only to this promo box. your code will change all promo boxes across the site won’t it?

    March 13, 2014 at 6:13 pm #237086
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    March 13, 2014 at 10:19 pm #237229
    graphico

    gladly: http://restorationxpress.com/www/
    the promo box is on the bottom right, home page. your code isn’t working well as you can see
    image: promobox problem

    and as i said i would like the code to somehow address only to this promo box (maybe use a unique ID?). i have another promo box here: http://restorationxpress.com/www/?page_id=4916 – and i want it to keep looking like it did before i put your code

    with your code: promobox not good

    without the code: promobox good

    March 13, 2014 at 10:33 pm #237234
    Josue

    Hi!

    This will do it:

    .home .av_promobox .avia-button-wrap{
    float: none !important; 
}
.home .av_promobox .avia-button-wrap .avia-button {
    float: none !important;
    position: static !important;
    margin-top: 0 !important;
}
.home .avia-promocontent {
    margin-right: 0;
}

    Regards,
    Josue

    March 13, 2014 at 10:37 pm #237241
    graphico

    yes, this is good! thank you so so much

    your support is fantastic!

    March 13, 2014 at 10:38 pm #237243
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘promo box button + top slider’ is closed to new replies.