Docs

[Flightwave]

Hi X! Happy friday.

How would I go about changing the font of the text in the accordion extension?

Thanks!
Chris

[Flightwave]

Specifically I’d like to use “Lato” – the google font – that we have selected for the rest of the site – so that it’s consistent.

How can I have the accordion use Lato font? Where would I put the code, and what would the code be?

Thanks so much!

[Darshana]

Hi there,

Try adding the following CSS rule under your Customizer, Custom > CSS area.

.x-accordion-heading a, .x-accordion-inner {
    font-family: "Lato",sans-serif !important;
}

Hope that helps.

[Flightwave]

Hi there. I added that code – but it hasn’t changed the text in the accordion extension – neither the headings, or the expanded area text – they’re still the same. Is there something else I can try? I noticed that there are ID, CLASS, and STYLE fields right inside the cornerstone editor for each accordion entry – see attached image – should I be using these? On the attached image – you’ll see the Lato font displayed as the page header “Legal & Privacy”, and the regular font in the accordion boxes.

Question #2:
How can I get rid of the border on this – and all pages? I just want a clean full width page without these borders and drop shadows.

Thanks in advance for your help.

[Friech]

Hi There,

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[Flightwave]

This reply has been marked as private.

[Nabeel A]

Hi again,

Thank you for providing the URL.

1. To get rid of page border, add this code in your Customizer:

.entry-wrap {
    box-shadow: none !important;
}

2. I’ve checked your accordion title and it’s content. It is using the “Lato” font. Please clear your browser’s cache and reload the site.

Hope this helps!

[Flightwave]

Thank you!

One final question about this page – the links (mail to and web url links) aren’t a different color – with a separate hover color also (for example – blue hyperlinks with light blue hover color). How can I change that so that they either appear like that or any other color?

Thanks,
Chris

[Joao]

Hi There,

They are grey as you setup on Appereance > Customizer > Typography

Would like to change some specific links? Which ones, where are they located?

Thanks

joao

[Author]

Posts