Border below Header Style 2 – Multipurpose

Posted in: Newspaper
Post count: 128

Hello,

I would like to do a horizontal border below the top header, but I don’t know the code for Style 2 – Multipurpose. I can’t find it in style.css. I would like to do something like this, but for the multipurpose one.

.td-header-style-2 .td-header-top-menu{
border-bottom: 1px solid lightgrey;
}

Post count: 22421

Hello,
You simply have to change the classes
The multi-purpose class is
.tdm-header-style-2 so your code will become

.tdm-header-style-2 .td-header-top-menu{
border-bottom: 10px solid lightgrey;
}

Thanks.

Post count: 128

Thanks for the reply, Bogdan. I added that to Custom CSS, but I’m not seeing the top border.

https://www.vitalthrills.com/2018/07/22/penelope-ann-miller-riverdale/

Post count: 22421

that is because you have no top menu. That code targets the top menu. you only have the main menu. in this case, use this css:

.tdm-header-style-2 .td-header-menu-wrap-full{
border-bottom: 5px solid lightgrey;
}

Thanks.

Post count: 128

I’m so sorry, it looks like I’m asking the completely wrong thing. What I’m trying to do is put a horizontal line underneath the header ad, kind of like how I did to the right of the (left) sidebar using this code:

.td-ss-main-sidebar{
border-right:1px solid lightgrey
}

Post count: 22421

You did not mention any ad until now.
If you want to place the border underneath the header ad, use this code:

.td-a-rec-id-header{
border-bottom:1px solid lightgrey;
}

Thanks.

Post count: 128

Thank you for your help!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.