Docs

[Karen]

Hi there 🙂
tried to find an answer to my question in the forum entries, but as my accordion-CSS ist already modified a little, I can’t figure it out.
The issue is, I want the headings in my accordion to be bright, and I would like to add an icon (e.g. bulb) if that is possible. THis is what is added in CSS:

.x-accordion-heading .x-accordion-toggle {
font-family: “oxygen”, sans-serif;
font-size: 16px !important;
color: #7f7f7f
}

text-transform: none !important;
font-size: 15px !important;
}

.x-accordion-heading .x-accordion-toggle:before{content:””;

Could you please give me a hint how to get the heading bright? That would be really great.
Regards, Karen

[Karen]

This reply has been marked as private.

[Rupok]

Hi Karen,

Thanks for writing in! I can’t see any accordion on “PROFIL” page. Would you point us the exact URL of the page?

Cheers!

[Karen]

This reply has been marked as private.

[Zeshan]

Hi Karen,

Thanks for writing back!

I’ve checked your site and I can see that accordions heading are already bright (see: http://prntscr.com/awllc4). Would you mind confirming again? As for the icon, do you want to show the bulb icon like this: http://prntscr.com/awln73? If so, add following CSS under Custom > CSS in the Customizer:

.x-accordion-heading .x-accordion-toggle:before {
  content: "\f0eb";
  font-size: 30px;
  transform: none;
  vertical-align: middle;
}

To increase the font size of the heading, use following CSS code:

.x-accordion-heading .x-accordion-toggle {
  font-size: 20px !important;
}

Thank you!

[Karen]

Hello Zeshan,

first of all, thank you. The bulb is great 🙂

But I must have been in a language crises yesterday: the word I meant was not “bright”, it was “bold”… sorry for the mess.
Yes, I would like my accordion headlines to be bold….

Thanks again!

[Jade]

Hi Karen,

Please try to add this code:

.x-accordion-heading a {
    font-weight: bold !important;
}

Hope this helps.

[Karen]

Hello Jade,
thank you, that worked smoothely 🙂
Unfortunately the bulb-issue in accordion heading did not work. I added the code in CSS, no change at all to be seen.

And one more issue occurred, I checked the knowledge base but did not find the specific information. Concerning the header and the Navbar: Can I change “logo text” in Customizer, and where could I do that? I would like some specific phrase to appear, not the official name of the website. Would that be possible?

Regards, Karen

[Friech]

Hi Karen,

I’m seeing lots of syntax errors on your custom CSS in Customizer, please update that to:

/* remove top navbar */
.x-navbar-wrap {
display: none;
}
  .x-accordion-heading .x-accordion-toggle {
font-family: "oxygen", sans-serif;
font-size: 20px !important;
color: #7f7f7f
}

.x-accordion-heading a {
    font-weight: bold !important;
}

.x-blockquote {
  font-family: oxygen;
  font-size: 20px;
 }

.x-blockquote .x-cite {
  font-family: oxygen;
  font-size: 14px;
  }

a.x-accordion-toggle {
    color: #7f7f7f !important;
    font-family: "oxygen" !important;
    font-size: 16px !important;
}

.h-custom-headline {
    line-height: 1.5;
}

And add the BULD icon code given above.

You can change the Site Title under Settings > General.

Hope it helps, Cheers!

[Author]

Posts