[Bru]

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

[Bru]

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;
}

[Theme Horse Support Team]

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!

[Bru]

thank you guys, you rock !

[Theme Horse Support Team]

ok that’s great Bru

Thank you!

[Author]

Posts