Archived topic

How do I add a full-width line in my copyright notice

6 replies · Started by RJ on June 22, 2020

Viewing posts 1–7 of 7

June 22, 2020 at 2:04 am #1337052

Hey there,

I have a line underneath my primary navigation that separates it from the container. I use this code to do that:

/* Navigation Shadow Underline */
.main-navigation {
    position: relative;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.20);
    z-index: 1;
}

I want a similar line above my copyright notice. How do I do that?

TIA, Robin

June 22, 2020 at 2:27 am #1337081

I added a border to mine, something like

.footer-widgets {
	border-top: 2px solid rgba(0,0,0,0.20);
}

June 22, 2020 at 3:23 am #1337137

Thanks, Ash. That didn't work as I meant to say:

"I want a similar line above my copyright notice."

... rather than footer.

June 22, 2020 at 3:37 am #1337145

Then you will want to use .site-info instead

June 22, 2020 at 4:15 am #1337189

Thanks Ash,

Hi Robin,

edit your current CSS and replace:

.main-navigation {

with:

.main-navigation, .site-footer {

June 22, 2020 at 5:23 am #1337281

Thanks David. That worked. Cheers.

June 22, 2020 at 5:24 am #1337282

You're welcome

This archived topic is closed to new replies.