kamrojo Posted February 18, 2021 Share Posted February 18, 2021 Site URL: https://www.lovexvalour.com/faqs Hi everyone, I'm trying to edit my FAQ page it's almost done the only thing I'm stuck with is the text style. I want to make the size of the text smaller and also change the font style but I don't know how to do it without effecting the whole website. Can anyone help me out? https://www.lovexvalour.com/faqs The password is: Key000000000 Link to comment
tuanphan Posted February 19, 2021 Share Posted February 19, 2021 Add to Design > Custom CSS /* FAQ page title size */ body#collection-6001da758589f273e9a7e1bf .markdown-block h3 { font-size: 15px !important; } You can also use this plugin to add accordion, easier to install/customize. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
kamrojo Posted February 19, 2021 Author Share Posted February 19, 2021 thanks for the reply Tuan, the code did markdown the size of the text, however, it didn't do exactly what I was looking for. it did manage to scale down the sub headers but didn't effect the main header and the content under the subheaders. I am using this code already for the accordion: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").fadeToggle();}); }); </script> Beyondspace 1 Link to comment
IXStudio Posted March 7, 2021 Share Posted March 7, 2021 Hi, Please check this free extension. You can build your FAQ accordion without coding. Just check this styles and this video to learn more how it works. Please let me know if you have any question or add me to install it for you! Best, Leopold Ninja Kit Extension: Upgrade your Squarespace website without coding.YouTube Preview - FREE DOWNLOAD Link to comment
tuanphan Posted March 15, 2021 Share Posted March 15, 2021 On 2/19/2021 at 9:15 PM, kamrojo said: thanks for the reply Tuan, the code did markdown the size of the text, however, it didn't do exactly what I was looking for. it did manage to scale down the sub headers but didn't effect the main header and the content under the subheaders. I am using this code already for the accordion: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").fadeToggle();}); }); </script> I see your site on tablet, has a huge space here. Do you want to remove it? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment