Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 16, 2014 at 11:27 am #210618
    Munford

    HI
    I’m using enfold and making an accordian toggle here http://www.copenhagenfilmcompany.dk/2014/team_profiles/
    and would like:
    1. to have the top accordian be open without the option to close it – also maybe remove the +/- symbol there?
    2. change the font/font style on the toggle labels – would like it larger and bold.
    3. change the margin between the top toggle and first line of text – tried with this but it didn’t work.

    .togglecontainer {
    margin: 10px 0;
    position: relative;
    clear: both;
    }

    can you help me with this?
    also in general, if I am using a child theme, should I be using the quick css for customizing or should I add all that css to the child theme?

    thanks. your support is the best.

    • This topic was modified 10 years, 11 months ago by Munford.
    January 17, 2014 at 5:18 pm #211276
    Yigit

    Hey MUNFORD!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
    1-

    #toggle-id-1 .toggle_icon { display: none; }

    2-

    .js_active .toggler { font-size: 16px; font-weight: bold; }

    3-

    .toggle_content { padding-top: 30px; }

    Custom CSS code added in Quick CSS section will be safe as long as theme names are matching while updating. You can still move the code to bottom of Style.css file of your child theme.

    Cheers!
    Yigit

    January 17, 2014 at 7:17 pm #211341
    Munford

    thank you very much for your help!
    I continue…

    and if it’s a specific page I want the toggle customization on?
    like the one I linked to…

    I don’t know if you looked at this but I see a shift in other elements on my page when the layer slider changes text:
    http://www.copenhagenfilmcompany.dk/2014/
    the fix I was given (add an hr under the layer slider) didn’t work.

    • This reply was modified 10 years, 11 months ago by Munford.
    January 17, 2014 at 9:33 pm #211378
    Yigit

    Hey!

    Then you can add .page-id-4162 in front of each css code to apply it only on that certain page as following

    .page-id-4162 .toggle_content { padding-top: 30px; }

    We will look at it on your other related topic. To avoid confusion, let us stick to this subject on this topic. Please try the code with page ID included and confirm that it is working so we can mark this thread as resolved.

    Regards,
    Yigit

    January 17, 2014 at 11:01 pm #211421
    Munford

    that quick css is not working for me for question #1 above:
    #toggle-id-1 .toggle_icon { display: none; }

    on this page
    http://www.copenhagenfilmcompany.dk/2014/team-profiles/#toggle-id-1

    I’d like the top toggle to be only open and without the “-” symbol on the left –
    and have cleared my cache but do not see effects.
    any suggestions?

    • This reply was modified 10 years, 11 months ago by Munford.
  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘top toggle open’ is closed to new replies.