Skip to main content

Is there any way to center the text on page widgets?

HI @ebarrett what widget are you asking about?


@lrnlab Really any widget, but especially Custom Content Box and Task List.


For the custom content box, you can adjust that with the settings at the bottom of the panel however not all widgets have this option. The Task List looks like it’s all pre-formatted...I suppose you could use CSS to adjust if you wanted.

 


It seems like those settings don’t control the title that would appear outside of the widget; is that right?

 

I’d have to look into the CSS option some more as I am still learning about how to write my own.

 

Thanks!


@ebarrett 

Is this what you’re looking to do?

Before:

 

After:

 


Ahhh, our CSS guru @gstager to the rescue 🤓


@gstager  Exactly that!


@ebarrett

Here is what you can do for your custom content boxes.

/** Center Widget Title **/
custom-content-box-widget widget-title div.common-widget-title {
text-align: center;
}

#doc-widget-95 widget-title div.common-widget-title {
text-align: left;
}

There are two snippets above.

The top one will affect many widgets and the second one will target a specific widget but you would need to discover the ID of your particular widget.

In my example it is #95 and I push it back to the left

 

 

Hopefully that makes some sense.


Perfect. Thanks so much, Greg!

--Emily


The Task List Widget required a different approach.

task-list-widget widget-title div.common-widget-title {
margin-left: auto;
margin-right: auto;
}

You could target an individual one with the same method as above for the custom content box.


Perfect. Thanks so much, Greg!

--Emily

Most welcome! 

I see these sorts of requests like puzzles.

Whether it is Sudoku, standard Logic Puzzle, crossword variety, or some other novelty brain teaser, - I always enjoy a good puzzle.


Ahhh, our CSS guru @gstager to the rescue 🤓

@lrnlab - thanks for the promotion…

There are many others in this community more skilled and deserving.
I just like trying to figure it out. 🙂


Reply