Archived topic
Dashed lines on Main Navigation [and else]
4 replies · Started by jartsev on September 24, 2017
Hi,
I just started yesterday with the GP Premium. This is my very first message on forum.
For starters I must say I'm pretty convinced. It only took this one [work] day and my site is up and good to go. Amazing theme — thank you! :)
- - -
However, a bit of help still needed. Here's my site:
JukeBlogi
I managed to provide two dashed lines in the header, but not in Footer widget area. So I gave up, and this is the question:
How do I get the same kind of dashed lines into three areas: the Footer, Footer Widgets, and Main Navigation?
# J
Hi there,
Glad you are enjoying GP! I like the your design :)
Try these selector with the same CSS style:
- .inside-navigation
- .inside-footer-widgets
- .inside-site-info
Let me know.
That does not work, I'm afraid.
Problem might be the construction. In the header there is two elements, one inside another, so this simple css did the trick:
.inside-header {
border-top: dashed .11em #ffbe7f;
margin-top: .7em;
border-bottom: dashed .11em #fc9;
margin-bottom: .7em;
}But in other three mentioned elements the inside block is not full width (100%), so the dashed lines are too short. Like this:
And one question is what happens when I change the layout more complex, adding areas at least into Header and footer's Inside-widgets.
Should there be an extra full width div-element, perhaps?
I've changed the selectors above.
You can change those elements to full width too:
https://docs.generatepress.com/article/navigation-layout/
https://docs.generatepress.com/article/footer-layout/
Let me know if this helps.
Just a quickie:
Thx! — I'm a bit busy now, but I'm sure the theme settings will solve this. I just hadn't notice that section. :)
I'll be back.
