Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • December 19, 2018 at 5:03 pm #1047244
    jvana

    I’m having issues trying to get the accordion to style.

    I’ve tried a number of different things – from using the styling tab in the accordion panel to applying CSS found in the documentation, and am having issues.

    Custom CSS doesn’t seem to be working. I’ve copy and pasted directly from the documentation and cleared the cache and the accordion still shows up as the minimal setting. No custom colors or shapes seem to want to apply.

    Here’s what I put in just to test:
    /* Tab Background */
    .my-custom-tabs .toggler {
    background: blue;
    }

    When I try to use the styling tab, the top for sections will work (styling, colors, hover toggle appearance, current toggle appearence), but the Backgroun for the Title Bar doesn’t – I have a custom color selected and it doesn’t seem to want to show up. See pictures:
    – Admin
    – Accordion

    Here is the goal of what I’m going for (minus the numbers on the left):
    – Bigger title bar and font
    – Colored background

    Am I missing something?

    December 22, 2018 at 10:36 am #1048513
    Rikard

    Hey jvana,

    Are you working locally or can we see the results you are getting somewhere?

    Best regards,
    Rikard

    January 3, 2019 at 8:02 pm #1049705
    jvana

    Hey @rikard

    Here is where you can see it live.

    Thanks,
    Jason

    January 4, 2019 at 8:30 am #1049879
    Rikard

    Hi Jason,

    Thanks for that, though I can’t find the .my-custom-tabs class on the page. I’m guessing that’s why the code is not working?

    We can give you code to only apply to that particular page as well if you like.

    Best regards,
    Rikard

    March 3, 2021 at 12:59 pm #1285006
    metafora29

    Hello. I think I am having the same problem – or a similar one. i am trying to do some simple comomization to the accordion and even if I have followed all the steps it is not showing.

    March 3, 2021 at 1:03 pm #1285008
    metafora29

    Hi, sorry. i did not save the password. here is the one to use.

    March 5, 2021 at 4:30 am #1285584
    Rikard

    Hi metafora29,

    What exactly are you looking to change or alter on the page you linked to?

    Best regards,
    Rikard

    March 5, 2021 at 9:59 am #1285646
    metafora29

    Hi Ricard
    Just fonts size (I would like to be able to apply html in the title so that some of the words are bold and others not), weight, etc.
    Nothing special. I tried installing the css snippets on the style sheet according to your documentation and followed all the steps (have a look at the shortcode, it is copied) and still nothing. I also checked to see if I have any other css referring to accordion, but no…

    March 6, 2021 at 6:22 am #1285981
    Rikard

    Hi,

    Thanks for the update. Please try the following in Quick CSS under Enfold->General Styling:

    p.toggler {
  font-size: 18px;
  font-weight: 600;
}

    Best regards,
    Rikard

    March 8, 2021 at 1:46 pm #1286441
    metafora29

    Thanks Ricard. The font weight is working, but the size does not change
    Also, can I apply tags like <H4>?

    March 9, 2021 at 2:24 am #1286599
    Jordan Shannon

    Hi,

    Did you clear the cache a few times over to see if the issue resolves?

    Best regards,
    Jordan Shannon

    March 9, 2021 at 10:23 am #1286658
    metafora29

    Yes, naturally, I also tried viewing it in another browser. The thing is that the font-weight reacts, but not the size of the title

    March 12, 2021 at 10:51 am #1287632
    Rikard

    Hi metafora29,

    Sorry for the late reply. I’ve adjusted the CSS for you, and it’s applying to your site now. Please review it.

    Best regards,
    Rikard

    March 12, 2021 at 1:03 pm #1287665
    metafora29

    Great! Thank you.
    Can I use html in the tilte, eg <H4> or <B>?

    March 12, 2021 at 1:05 pm #1287666
    metafora29

    Also, can I use the css suggestions you have on the documentation page?

    Accordion

    March 16, 2021 at 6:14 am #1288425
    Rikard

    Hi,

    Yes you should be able to use custom markup in the title, just remember to close it properly.

    I’m not sure what you are referring to on the documentation page, could you try to explain a bit further please?

    Best regards,
    Rikard

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • You must be logged in to reply to this topic.