[Support request] custom css

[Samantha]

On my page: https://www.vibrantyogini.com/faq/

I use the plugin called ‘read more’

I would like the font style to be open sans and the colour to change from orange to blue.

What custom css can I put in the customiser to do this?

Also, is there css code to make the primary navigation bar height large on desktop, but smaller on mobile so that the menu on mobile doesn’t look to spread out? (I want to do this so that on a desktop my logo appears larger on the homepage, but then shrinks as scrolls, at the moment ive made the primary navigation height smaller, but I would like to put it larger again so the logo is larger)

[David]

Hi there,

you can try this CSS:

*[id^='readlink'], *[id^='readlink']:hover, *[id^='readlink']:focus, *[id^='readlink']:active {
    color: #347dbc;
}

In the Customise > Layout > Primary Navigation > Menu Item Height – you can adjust the height separately for Mobile – just click the Mobile icon to adjust.

[Samantha]

Yes this worked! Thank you very much 🙂

[Samantha]

With my drop down menu off of the primary navigation (yoga classes – yoga class schedule) how do I then make the text show on one line?

[David]

You could reduce the padding on the drop down menu like so:

@media (min-width: 1024px) {
    .main-navigation .main-nav ul ul li a {
        padding: 13px 15px 13px 15px;
    }
}

[Samantha]

Thank you!

[David]

Glad to be of help 🙂

[Martin]

Where exactly do I have to put this CSS for the main navigation? I am no coder so is there a input field somewhere? Thank you very much.

[Martin]

I meant where exactly do I put or how do I have to modify this for the canvas mobile menu. Thank you!

[Leo]

CSS can be added using one of these methods:
Adding CSS: https://docs.generatepress.com/article/adding-css/

If you need further help with an issue, can you open a new topic and link us to the page in question?
https://docs.generatepress.com/article/using-the-premium-support-forum/#open-support-topic

Thanks 🙂

[Author]

Posts