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?

How can I customize the font style and size in the testimonial slider block? I'm looking for the settings in the 'Assign styles' under Site Styles - Fonts but can't find a way to change it. Thanks!

Hi there! I've tried all the different product page settings and none of them are doing exactly what I'd like it to. I'd like to have more flexibility with the title of the product with subheads or superheads (see example of bigcatcreative) Currently, I can only have the product title and the product description. My example (wip) and the desired example attached:

I'm having the same problem. Has anyone resolved this issue? I'm on Chrome and this problem started happening a couple weeks ago. It's really slowing down my editing process.

The mentioned CSS Code doesn't work for me. I have the same issue with background image PNG losing its transparency. The site as is: The PNG image I'd like as a background. The result is a new background color. I'd like to maintain the original background color according to the color palette/settings.

I'm having the same issue with a PNG w/ transparency and the CSS code doesn't work for me unfortunately. I'd like to add a background image that's a wide brush-stroke on transparent layer. the landing page as is: The brushstroke image I'd like to place as a backdrop (but I'd still like the above bg color to remain) And I get this undesired effect of the png image taking on a new background color.