Docs

[5wan]

Hi,

I had custom CSS, in conjunction with a page style edit in my child theme that was modifying the appearance of my page headers, to all look like my Home Page, and Portfolio Headers.

This is no longer working.
page example:
http://www.duncanswan.me/contact/

CSS:
.page .entry-title:before, .page .entry-title:after {
content: “”;
right: 100%;
margin-right: 0.5em;
left: 100%;
margin-left: 0.5em;
position: absolute;
top: 50%;
height: 1px;
width: 275%;
display: block;
background-color: #000;
background-color: rgba(0,0,0,0.75);
box-shadow: 0 1px 0 0 rgba(255,255,255,0.0575);

}
.page .entry-title {
position: relative;
display: inline-block;
width: auto;
font-size: 360%;
font-weight: 300;
}

The one effect I seem to have lost, is the horizontal line to either side of the title.
Now it only appears on the right hand side.

Can you identify where this has been altered / broken?

[5wan]

This reply has been marked as private.

[Christopher]

Hi there,

Please update your code to :

.page .entry-title:before, .page .entry-title:after {
    content: "";
    margin-right: 0.5em;
    margin-left: 0.5em;
    position: absolute;
    top: 50%;
    height: 1px;
    width: 275%;
    display: block;
    background-color: #000;
    background-color: rgba(0,0,0,0.75);
    box-shadow: 0 1px 0 0 rgba(255,255,255,0.0575);
}

And add this one as well :

.entry-title:after {
    left: 100%;
    margin-left: 0.5em;
}
.entry-title:before {
    right: 100%;
    margin-right: 0.5em;
}

Hope it helps.

[5wan]

perfect, thanks

[Thai]

You’re most welcome 🙂

If you need anything else please let us know.

[Author]

Posts