1

[lalamums]

lalamums

#6771

Hello, is it possible to center a specific widget?

[Anonymous]

Anonymous

#34153

Link to your site and the widget name?

[lalamums]

lalamums

#34154

I havent put it in yet at my site.. but I want to learn how to do it..

I guess every widget gets an ID that you could find with firebug?

what code do i use to make a specific widget centered?

There should be some standard code.. and then you just alter the “ID” for every specific widget?

[Kenneth John Odle]

Kenneth John Odle

#34155

Like this:

https://forum.graphene-theme.com/graphene-support/graphene_before_footer-action-hook#post-31389

But keep in mind that “centered” is relative. Do you mean you want the text in that widget centered (which is what the above code will do), or do you want to center the content of a widget within that space (such as ad content). There is not necessarily a one-size-fits-all solution. Never assume that there is.

[lalamums]

lalamums

#34156

I want the whole widget to be centered of the third column.

I have 300 px right sidebar and I wanna make a specific widget centered.

The link you gave me

#text-14 {

text-align: center;

}

What does this do?

[Kenneth John Odle]

Kenneth John Odle

#34157

It will center all the text within the widget.

[lalamums]

lalamums

#34158

But i want everything to be in the center..

what does text-14 refer to? what does it mean?

[Anonymous]

Anonymous

#34159

text-14 is the ID of that specific widget.

I still don’t get what you mean by “whole widget to be centered of the third column.”. It is hard to imaging without seeing the live site or at least the screenshot.

[lalamums]

lalamums

#34160

So the number 14 is the ID?!

What i mean is the whole are of that special widget.

If I get a social icon widget, the icons are showing to the left

But i Want them to be centered.

I use Easy Social Icons.

But this was just one example, I want to learn the code standard code for making change in a widget.

[Anonymous]

Anonymous

#34161

If you want to center the content/text within the widget, use text-align: center;

If you want to center the widget itself, use margin: 0 auto;