Docs

[fderooy]

Hey there!

Support from the X Theme Team has been marvelous so far! Thanks for that. 🙂

I’m customizing some aspects of my left sidebar (which you can see working here). But I need to make a few touches to it that I’m not able to code by myself:

1. I need the title’s top and bottom borders of the sidebar (title text is “MÁS RECIENTES”) to extend all the way from side to side of the sidebar. You can see that now the title is aligned to the left and does not extends all the way to the right margin. This will imply horizontal centering of the words “MÁS RECIENTES” in relation to the sidebar content.

2. I need to reduce the space between the title (MÁS RECIENTES) and the first Essential Grid item displaying at the beginning of the sidebar.

3. I need the left 1px border of the sidebar to be horizontally centered between the sidebar and the entry content. You can see that now the line is closest to the sidebar, and far away from the entry content. I’ve tried some padding/margin code for the sidebar, but have been unable to achieve it.

Thanks a lot for the help! 🙂

Cheers,

Fidel

[Lely]

Hello Fidel,

1.) On your span, also add display: block; text-align: center;. See attached screenshot SIDEBAR.png.

2.) Add the following CSS on Appearance > Customize > Custom > Edit Global CSS:

div#ess-grid-widget-3 {
    margin-top: 1em; /*Adjust this accordingly*/
}

3.)Add this CSS too:

.x-sidebar {
    padding-left: 35px !important;
}

Hope this helps.

[fderooy]

Hey, thanks! That worked well. 🙂

Cheers.

[Thai]

Glad it worked 🙂

If you need anything else please let us know.

[Author]

Posts