Mega Menu widget width – Part 4

[Ashley Davis]

Bill,

Just need to adjust another widget to be two column (Resources-Organizations We Support-Text Widget).

How do you tell the # to associate with the widget title for your css coding?

Thanks!
Ashley

[Bill Robbins]

Hey Ashley,

You can find the # in the HTML. Typically if you right click the item and choose inspect element, it’ll take you close to the spot in the source that has the code. Typically widgets start out with something like this:

<div id="black-studio-tinymce-2" class="widget widget_black_studio_tinymce shadow">

In this case black-studio-tinymce-2 is the ID, the # of that specific widget.

For your new widget, just add this to the styles you have already:

#text-9

Happy coding,
Bill

[Ashley Davis]

Thanks for taking the time to explain it Bill!
Looks great & hopefully I’ll be able to do it on my own next time!

Thanks again,
Ashley

[Bill Robbins]

Anytime Ashely

[Author]

Posts