BrightMatters-Studio

Thanks @tuanphan for having a look at this! This widget would live there only for the desktop version and for the mobile I'd like to have it be in the above-the-fold area.

<!-- © wdisseny --><div id="contain_moon" style="text-align:center;padding-top:4px;padding-bottom:4px;"><div style="font-weight:bold">Today's Moon</div><div style="margin-top:-5px;margin-bottom:-10px;padding:21px;filter:drop-shadow(0 0 21px hsl(220,100%,15%))"></div><div>.</div><div style="font-size:small">.</div></div><script>(function(){var d=new Date().getDate();var m=document.querySelectorAll("#contain_moon div");var a=new XMLHttpRequest();var url="https://www.icalendar37.net/lunar/api/?lang=en&month="+(new Date().getMonth()+1)+"&year="+(new Date().getFullYear())+"&size=70&lightColor=rgb(245,245,245)&shadeColor=rgb(17,17,17)&LDZ="+new Date(new Date().getFullYear(),new Date().getMonth(),1)/1000+"";m[1].style.height="70px";a.onreadystatechange=function(){if(a.readyState==4&&a.status==200){var b=JSON.parse(a.responseText);m[1].innerHTML=b.phase[d].svg;if(typeof moon_widget_loaded=="function")moon_widget_loaded(b);m[2].innerHTML=b.phase[d].npWidget;m[3].innerHTML="Next full moon<br>"+b.nextFullMoon}};a.open("GET",url,true);a.send()})()</script>

Hello! I'm using a global border effect on the site navigation area and need to change the color on other individual pages that have a dark background. Could anyone help me out with the CSS? This is an example of the border color dark on light background.

I need help adding a moon phase widget in the header navigation area of a website. (Is this even possible at all?) I would source the code from this site: https://moonphase.guide/widget And add it like this in the example below:

@Lesum THANK YOU!!! It worked perfectly 👍

I'd like to change the color of the bullet points in one block only. How to achieve this?? I've tried manually changing it locally in the text box, and it won't match the text. I want to avoid changing the text colors globally. The text in the box (made of shape) I'd like the bullet points to be the neon green color as the rest of the text. #C9F59A Is it possible with CSS code? https://regenerative-worklife.squarespace.com/vip-mentoring

@Ziggy Worked! Thank you.

@tuanphan something like this - how this person has a dropdown with categories. https://www.arohavisuals.com/blog

@tuanphan I'm looking for the same solution. Is there a way to display the categories as a list at the bottom of the blog page? I'm trying it with a summary block but I'd like it to be even more minimal and clear as a list. Something like the 'cloud' but without all the differing text sizes. Would this be achievable with code?

https://regenerative-worklife.squarespace.com/ pw: regenerative Thanks!

I'd like to hide the blog excerpt but still keep the 'Read more' link below. It looks like the 'Read more' link disappears when we turn off the excerpt and the 'read more' link is turned on. Is there a CSS code to achieve this? I'm currently using CSS to customize the 'read more' to say 'listen now' as well bc I'm using a Blog page for a podcast page - if there's a way to combine these, would be great.

This is so clear and helpful! Thank you.

pw: sanft Is there a way to customize the default descriptor text in English in the FORM BLOCK? 'required' should say 'erforderlich' and 'Sign up for news and udpates' should also be translated to german.

I've looked everywhere... 😐 do you know what the event summary block is called in the Site Styles?

pw: sanft How can I increase the size and change the color of the font for the DATE and EXERPT in the summary block connecting to the EVENTS PAGE?