icon not centered on sidebar

Hi magarvit, do you have a link to the site so I may see the problem you are describing. I am sure I can give you the correct css to use if I can see the page.

Regards

Ernest Close

Of course:
https://garcia-vitoria.com/?cat=4

You’ll see a random icon, a star, stuck to the left of the circle…

Hi, yes I see the buttons and the text tiles are to the left while the search bar and star icon is centered. You can use this code in your custom css to align the buttons to the center:

.bavotasan_custom_text_widget .btn {
  margin-top: 20px;
  margin-left: calc(50% - 178px/2);
}

and for the text titles you can add this:

.widget h3 {
  text-align:center;
}

This way it will be centered even in tablet and mobile view.

Let me know if this works for you.

Regards

Ernest Close

Even beter, you could do this:

#secondary {
text-align: center;
}

This will center everything in the sidebar. Browser support for the calc() function in not that good yet so this option might be better.

Regards

Ernest Close

Hi,

strangely you could see the star centered, which I couldn’t! I used safari and firefox.

Anyway, your second solution is perfect, although in that case I wouldn’t be able to differenciate alignments, but since I don’t need to I’ll use it.

Thanks a lot!

Yes I used chrome, that could make a difference. You can still alter alignment for other items in the sidebar with css. Just use there specific classes to change the alignment on individual items.

Glad I could help.

Regards

Ernest Close