wordpress widget title add span

Question

I want to make the first word of a widget title a different color.

The widget code is this:

'before_title' => '<h3 class="widget-title">',
'after_title' => '</h3>',

How can I had a span or a class in there so I can specify a different color in css?

score 1 · Accepted Answer · edited May 23 '17 at 12:12

1

I think you can't do this by just modifying widget code. If you really need first word highlighted, you may look for some javascript, jquery solution like here: First word selector

edited May 23 '17 at 12:12

Community

1
1

answered Jan 05 '12 at 14:31

Johny

1,441
10
26

score 0 · Answer 2 · edited Mar 13 '18 at 11:04

I think you can do this by just modifying widget code. Find in your theme the file functions.php. Next, find the lines:

'before_title'  => '<h3 class="widget-title">',
'after_title'   => '</h3>',

and change them to

'before_title'  => '<h3 class="widget-title"><span>',
'after_title'   => '</span></h3>',

Add lines your style.css

h3.widget-title span {
background-color: #27b56b;
padding: 2px 9px 2px 8px;
font-size: 14px;
color: #fff;
}

wordpress widget title add span

2 Answers2