Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Victoria2020

Member
  • Posts

    2
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Site URL: https://oichiferments.co.uk/ Hi there. New to coding and I had added some code for the home page changing the drop down menus (in the flavour section) to white. This has worked perfectly, HOWEVER... I then created the online shop. This is currently password protected while I finish it, and while the colour of the markdown block has remained consistent with the home page, for some reason the font is now black. When I open the design page and CSS block, all the font suddenly switches to white, but when I come out of the page is then returns to black. Is this something to do with the code? or the fact the page is locked and hidden. Its strange the background colour has worked but not the font. Code used: .markdown-block h2 { font-size: 20px; background: hsl(169.7, 38%, 63.9%); color: #FFFFFF;margin: 20px 0px; } .dropdown { margin: 20px 0px; } Warmest regards Victoria
  2. Site URL: https://bulldog-alpaca-kydk.squarespace.com/config/design/custom-css I've trawled a few of the Accordian and drop down threads but struggling to find a fix. I have been able to create one accordian drop down with multiple sections but when I try to add a second or third it starts to play up. The website will have three drinks flavours in the same section. Three Images, three descriptions and under each of these images there will be a drop down box listing the ingredients, storage and fact base info about the plant ingredients. I have been able to successfully create the first but thwne i copy and mimic the code under the second image it ceasing to work. I believe I need a specific ID code built into each code injection and markdown section and then in the CSS so it identifies each one, but I am very very new to coding and unsure how to insert and ID. Code currently used which has been successful for one (This was taken from an online tutorial): CSS: .markdown-block h2 { font-size: 22px; background: hsl(323, 27%, 78%); color: #FFFFFF;margin: 20px 0px; } .dropdown { margin: 20px 0px; } .box { padding: 10px; outline: hsl(323, 27%, 78%) solid 3px; outline-offset: 3px; margin: auto 0px; } Code Injection <script type="text/javascript"src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content .dropdown').css('cursor','pointer'); $(".markdown-block .sqs-block-content .dropdown").nextUntil(".dropdown").slideToggle(); $(".markdown-block .sqs-block-content .dropdown").click(function() { $(this).nextUntil(".dropdown").slideToggle(); }); }); </script> Markdown Block <h2 class="dropdown box">This is the question<span style="text-align:right; float: right;">&darr;</span></h2> > <p>*This is paragraph one of the answer.*</p> > <div class ="dropdown"><p>*This is the second question*<span style="text-align:right; float: right;">&darr;</span></p></div> >> <p>*This is a second dropdown.*</p> > <div class ="dropdown"><p>*This is the third question*<span style="text-align:right; float: right;">&darr;</span></p></div> >><p>*This is a third dropdown.*</p> </br> Any advise would be INCREDIBLE. Warmest regards V
×
×
  • Create New...