customization – Add custom styles to the Raft theme

Question

It seems that in WP6.1+ and the raft theme it’s become much harder to customize styles. The footer has custom wp tags ala “wp-social-link” but in trying to override list-style-type in order so it doesn’t have the default bullet the footer breaks (with valid json), style.css doesn’t override anything even with a high specificity.. is there some trick to the raft theme I’m missing where I can customize styles?

Original code in the footer:

<!-- wp:social-link {"url":"https://domain.com/","service":"twitter"} /-->

My attempts to specify a list style type of none

<!-- wp:social-link {"style":{"list-style-type":"none"}}, "url":"https://domain.com/","service":"twitter"} /-->


<!-- wp:social-link {"style":{"listStyleType":"none"}}, "url":"https://domain.com/","service":"twitter"} /-->

The above two result in the social-link disappearing when switching from code to visual

And in the Raft theme’s style.css and end of assets/css/build/style.css (probably compiled but thought I’d try anyway)

footer nav li.wp-social-link { list-style:none !important; }
footer nav li.wp-social-link::marker { content: ""};

0
meder omuraliev 1 year 2023-02-23T23:56:11-05:00 0 Answers 0 views 0

Leave an answer

Browse
Browse