[Support request] Dashed lines on Main Navigation [and else]

[jartsev]

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

[Leo]

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.

[jartsev]

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?

[Leo]

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.

[jartsev]

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.

[Author]

Posts