scorendesign

So, just send the URL you use to view the home page of your site. Copy/paste what’s in your browser’s address bar.

Are you working on a hosted server? Or a local computer?

Sorry that didn’t work. Can you post a link to your site?

Ah, yes, sorry! Without !important, are these equivalent?

@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
p {
font-size: 20px;
}
}
@media only screen and ( min-width: 0px ) and ( max-width: 479px ) {
p {
font-size: 16px;
}
}

@media only screen and ( min-width: 0px ) and ( max-width: 479px ) {
p {
font-size: 16px;
}
}
@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
p {
font-size: 20px;
}
}

Thanks.

3. Yes, order matters.

But this:

@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
p {
font-size: 20px !important;
}
}
@media only screen and ( min-width: 0px ) and ( max-width: 479px ) {
p {
font-size: 16px;
}
}

Has the same result as this, yes?

@media only screen and ( min-width: 0px ) and ( max-width: 479px ) {
p {
font-size: 16px;
}
}
@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
p {
font-size: 20px !important;
}
}

Sometimes these themes include !important in their declarations.

Try:

#header {
background-color: #000000 !important;
color: #fde017 !important;
}

Lesson learned.

I was confused by why it showed up in my Inspector.

Thanks! Got it.

Ah! It’s in the theme’s css! Sorry! I get it now.

.fix::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

I still don’t understand how the theme inserts ::after in the html or why I don’t need to insert it in my html. It appears to be a clearfix.

So, here’s how my theme styles post titles:

And here’s my solution to manually style any text in the same way:

<header class="post-header fix"><h1 class="posttitle">ABOUT US</h1></header>

Seem correct?

Sorry. I may have mis-lead you about what I was looking for. Rather than controlling the style, I want to incorporate the ::after selector along with any h1.posttitle I manually create in my html. How do I use the ::after selector in my html?

Here’s a solution that gives the result I want, but it’s not utilizing the ::after style already set by my theme:

Thanks.

OK. I had an image named join-us.jpg. Deleted it, replaced it with a file named join-us-2000×600.jpg. I was then able to rename my page from join-us-2 to be join-us. Apparently the image name too was a problem! Thanks.

Didn’t think of that. I had one version in Pages, another in Posts. So I deleted both, emptied the trash. Didn’t help. Tried to create a new page, still getting join-us-2.