markdown text

Site URL: https://goose-magnolia-r53a.squarespace.com/config/settings/site-visibility

how do i add a hover colour for my markdown FAQ section?

Also is there a way of centering these and maybe making font size smaller and padding smaller on mobile?

password: Orlabean16

Add to Home > Design > Custom CSS

/* hover color */
div#block-yui_3_17_2_1_1588177717565_21011 + .row .markdown-block h3:hover {
    color: red;
}
@media screen and (max-width:767px) {
/* center on mobile */
div#block-yui_3_17_2_1_1588177717565_21011 + .row .markdown-block h3 {
    text-align: center;
}
/* font size */
div#block-yui_3_17_2_1_1588177717565_21011 + .row .markdown-block h3 {
    font-size: 13px !important;
}
}

Recommend: You can use this plugin to create accordion. Easy to install/customize (colors, icons, padding, margin...) without coding skills. 

amazing thanks!

I'm trying to do the same!

I would love to have a my markdown menu titles change to #fecb00 when the cursor hovers over. I tried the code you created @tuanphan but it doesn't seem to work for me 😢

On 5/4/2020 at 3:45 AM, tuanphan said:

Add to Home > Design > Custom CSS

/* hover color */
div#block-yui_3_17_2_1_1588177717565_21011 + .row .markdown-block h3:hover {
    color: red;
}
@media screen and (max-width:767px) {
/* center on mobile */
div#block-yui_3_17_2_1_1588177717565_21011 + .row .markdown-block h3 {
    text-align: center;
}
/* font size */
div#block-yui_3_17_2_1_1588177717565_21011 + .row .markdown-block h3 {
    font-size: 13px !important;
}
}

Recommend: You can use this plugin to create accordion. Easy to install/customize (colors, icons, padding, margin...) without coding skills. 

 

Website is: https://cookislandsecurity.squarespace.com

Password: security199

Hi @CIS
Please check this post, It will helps you!

Please let me know if you have any question about using it!

Please use the like button if it helps you!

Best,
Leopold