Promo Box Button Text Alignment

bluebirdofficesupplies · November 2016

How to center/left align promo box button text?
screenshot
What I've tried so far...

/*Promo Button*/

.promo_box_wrapper.promo_box_right .desc_wrapper a.button {

background: #000 !important;

color: #FFF !important;

display: inline-block;

text-align: center;

line-height: 30px;

}

Albert · November 2016

Hi,

please send us link to page where you got this button so we can have a look on it first.

bluebirdofficesupplies · November 2016

here. http://bluebirdonline.net/cd-dvd-pockets

In addition, I would like to know where you change the font color of a hyperlinked text inside a promo box. Thank you.

Albert · November 2016

Where do you have hyperlinked text in Promo Box? Sorry but we do not see any on above page.

bluebirdofficesupplies · November 2016

Inside the promo box option?
http://imgur.com/a/OaBSj

Albert · November 2016

But we meant that we do not see anywhere on your site as you have maintenance mode active.

bluebirdofficesupplies · November 2016

apologies. maintenance mode is now disabled. please check again. thank you.

Albert · November 2016

This is second time when we checked this and we still do not see any hyperlinked text. Do you mean to change Purchase text color of the button or what? Sorry but your question is misleading and we are not sure what you mean.

bluebirdofficesupplies · November 2016

apologies for the confusion. but what I mean is the text inside the button.

Albert · December 2016

Ok, so to change it's color, please use the following css:

.promo_box a.button span, .promo_box a.button span i { color: #FFF; }
.promo_box a.button:hover span, .promo_box a.button:hover span i { color: #E2E2E2; }

bluebirdofficesupplies · December 2016

it actually didn't fixed the text alignment inside the button, but the result is way better. Thank you.

Albert · December 2016

You're welcome!

Promo Box Button Text Alignment

Comments