badget

Biggest Sale! Special Offer!

Get 30% discount on all of our single themes with this coupon code: #30%SALE

Hurry up! *Limited time offer*

PromoBox Layout (interface free)

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #17252
    Bru
    Participant

    Hi team,

    I’ve started to use your interface theme, and wanted to thank you for such a nice tool and design.

    I have a question about the business template, and more specifically about the PromoBox widget.

    I’d like to change its appearance style as follow :
    – the ‘Primary’ and ‘secondary Promotional’ to be centered within the frame where they appear,
    – the ‘Redirect Text’ button placed below the 2 promotional fields (not on their right), and centered the same way.

    Could you guide me on this ?

    Thanks,
    Bruno

    #17254
    Bru
    Participant

    I guess the parameters are in there, but i’m not a developper.

    /* Promotional Bar Widget */
    .widget_promotional_bar {
    background-color: #f1f1f1;
    padding: 30px 30px 30px 26px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border-left: 4px solid #63c6ae;
    }
    .widget_promotional_bar .promotional-text {
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    width: 80%;
    float: left;
    }
    .widget_promotional_bar .promotional-text span {
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
    text-transform: none;
    display: block;
    padding-top: 6px;
    color: #777;
    }
    .widget_promotional_bar .call-to-action {
    float: right;
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 6px;
    }

    #17360

    Hi Bru,

    To change the appearance style of the promo box as you said Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

    .widget_promotional_bar {
        text-align: center;
    }
    .widget_promotional_bar .call-to-action {
        float: none;
        margin-top: 16px;
    }
    .widget_promotional_bar .promotional-text {
        float: none;
        width: 100%;
    }

    Thank you!

    #17425
    Bru
    Participant

    thank you guys, you rock !

    #17446

    ok that’s great Bru

    Thank you!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.