Bolding text inserted via :before

michaelbishop852 · Member · Jan 9, 2014 at 12:33 am
Copy link

Add topic to favorites
What I want div.under_work:
<div class=”under_work”>Notice: Currently Under Construction</div>
<div class="under_work"> <em>Currently Under Construction</em></div>

My current markup for this “template”:
<div class="under_work"><strong>Notice: </strong> <em>Currently Under Construction</em></div>

From a commented-out portion of my CSS:
```
div.under_work p:before {
	content:"Notice: "
}
```
When I tried adding markup to the content part, it simply ignored the markup and put the text in without any changes. Also, when I used :before, I got a new “Notice”: before the original “Notice:” text, but it wasn’t bold, either.

How do I add a bold “Notice:” without emphasis on it, and without bolding the other text in the div?

The blog I need help with is: (visible only to logged in users)
michaelbishop852 · Member · Jan 9, 2014 at 12:35 am
Copy link
EDIT: What I want [to change with] div.under_work [in CSS]:
thesacredpath · Member · Jan 9, 2014 at 4:19 am
Copy link
It looks like you may have gotten this straightened out. If not, can you try explaining it a little more? I’m not seeing why you need the :before when you can just code it and copy/paste into pages under construction.
michaelbishop852 · Member · Jan 10, 2014 at 5:56 am
Copy link
Good point, but I want to be able to change it from one place, like in Wikipedia templates.

justpi · Member · Jan 10, 2014 at 11:40 am

You remove this from the Text editor:
<strong>Notice: </strong>
and you turn this:

div.under_work strong {
font-size: 24px;
word-spacing: 2px;
}

to this:

div.under_work:before {
Content: "Notice: "
font-size: 24px;
font-weight: bold;
word-spacing: 2px;
}

WordPress.com forums