Center Widget Content

[zaclovett]

Hi Guys,
Can you please provide css so that the widget content here http://www.byronsun.com.au/bswp/ is centre aligned within each respective widget column. I can center the last widget but the other ones uses scripts and I don’t know how.

Thanks!

[Rui Guerreiro – SUPPORT]

Hi,

Do you mean this ones?
https://www.dropbox.com/s/zpd311ugwj8xwt3/Screenshot%202016-06-28%2009.54.29.png?dl=0

Do you need Vertical alignment on those?

-Rui

[zaclovett]

Hi Rui, Thanks for getting back to me so quickly.

Yes I mean those ones. I can see the option to centre vertically in the element. I don’t need that. I need it horizontally. Mostly so that it sits in the centre of the screen on mobile devices.

Thank you 🙂

[Rui Guerreiro – SUPPORT]

In that case add the code below to your custom css option.

#CDSWIDEXC, .hcom-w-badge-1 .hcom-w-inner, #bcom_review_widget #bcom_review_widget_wrapper .hreview-150, #bcom_review_widget #bcom_review_widget_wrapper .hreview-150 .url{
    width: 100%!important;
    margin: 0px;
}

Hope it helps.

-Rui

[zaclovett]

Hi Rui,
Thanks for that, however it just seems to have stretched the width of the first widget. What I actually want to do is keep the size the same for all widgets but have them be in the centre (horizontally) of each respective widget column.

Thanks 🙂

[David Martin – Support]

Hi,

Please test this:

.hcom-w-badge-1,
#bcom_review_widget #bcom_review_widget_wrapper .hreview-150, 
#bcom_review_widget #bcom_review_widget_wrapper .hreview-150 .url {
    margin: 0 auto;
}

Thanks.

[zaclovett]

Thanks so much for your help 🙂

[David Martin – Support]

Anytime!

– David.