How to center stuff in sidebar?

Support
#1

I have a sidebar here: https://www.ohiocannabis.com/doctors/

But I can’t figure out how to center the image at the top & the text?

#2

Hello @ohiocannabis,

Thanks for asking. :slight_smile:

You can add following CSS under Pro > Theme Options > CSS:

.x-sidebar img, .x-sidebar .h-widget, .x-sidebar p{
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
}

I have found the proper CSS code selector using the Chrome browser Developer Toolbar:

https://www.youtube.com/watch?v=wcFnnxfA70g

For the CSS code itself, I suggest that you get started with this tutorial:

https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#3

Hmm that didn’t seem to work?

#4

Hi John,

I can confirm that the provided CSS is accurate and it should work. Could you please copy all of your custom CSS rules into an online tool like CSS Lint (http://csslint.net/) and see if you’re getting any CSS errors.

You need to correct any CSS errors to parse your CSS correctly on your site.

Thanks!

#5

[code]@media screen and (max-width:480px){
.page-id-14 header + .x-container.max.width.offset,
.page-id-14 #cs-content .e14-12.x-section .e14-13.x-container.max.width{
width:100%;

margin:0;
}
.page-id-14 article .entry-wrap,
.page-id-14 #cs-content .e14-12.x-section{
padding:0
}

.x-sidebar img, .x-sidebar .h-widget, .x-sidebar p{
margin: 0 auto !important;
display: block !important;
text-align: center !important;
}

[/code]

This is all of the custom CSS I have. It came back with the following for an actual error:

Parsing Errors Expected RBRACE at line 17, col 2.

What does that mean? The code is copy & pasted directly from this thread.

#6

Hi There,

That means you’re missing 1 closing bracket.

Its the closing bracket of the @media screen and (max-width:480px) {

Please review where did you get that CSS code and see what CSS rules included on that block.

If all of that CSS rules above should be included on that @media block, please add the missing closing bracket at the bottom.

Thanks,

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.