Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • December 22, 2013 at 1:33 pm #203045
    docperi

    hi there,
    i got a promo box in a 1/2 Column and the result dont looks pretty to me.
    Has someone an idea how to fix it? thx

    See it:

    my prob ...

    • This topic was modified 10 years, 11 months ago by docperi.
    December 23, 2013 at 2:52 am #203157
    Yigit

    Hey docperi!

    Can you post the link to your website?

    Best regards,
    Yigit

    December 23, 2013 at 9:03 am #203195
    docperi

    Sure, but still working on it :-)
    http://creacion.de/creacion2013/#usp2

    The problem apears by using two <p>. The float doesnt work right way …

    Thx 4 help

    December 23, 2013 at 4:02 pm #203281
    Yigit

    Hey!

    You can add following code to Quick CSS in Enfold theme options under Styling tab to adjust the font size of the button 

    .avia-button.avia-size-small {
font-size: 17px!important;
}

    17px looks fine to me but you may want to adjust it

    Best regards,
    Yigit

    December 23, 2013 at 4:31 pm #203300
    docperi

    Hi, thx for answer. I know this. iI tryed it before :-)
    But this is just not the same. When u resize the window to ipad-size, you see the problem. that the button is near text not under the text.
    try it. :-) For mobile does it work!

    • This reply was modified 10 years, 11 months ago by docperi.
    December 23, 2013 at 10:31 pm #203368
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    @media only screen and (min-width: 767px) and (max-width: 989px) {.avia-promocontent {
margin-right: 0px; }
.av_promobox .avia-button {
right: 59px;
top: 75%; }}

    Regards,
    Yigit

    December 24, 2013 at 12:14 am #203403
    docperi

    hello Yigit,
    thx for your support. You gave me the idea :-)
    Have nice christmas

    This code fixed my problem. Maybe another one can use it too :-)

    
@media only screen and (min-width: 767px) and (max-width: 989px) {
	
.avia-promocontent {
margin-right: 0px; 
min-width:50%;
}

.responsive .av_promobox .avia-button, .responsive .av_promobox .avia-button-wrap{
width:100%; 
margin-top:4px; 
position: relative;
top:0; left:0; 
text-align: center; 
float:none;
}
    December 24, 2013 at 4:24 am #203442
    Yigit

    Hey!

    Thanks! Merry Christmas to you too and thank you for sharing your code :)

    Cheers!
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Promo box works not fine’ is closed to new replies.