Elle-Harrison-Design

Site URL: https://fuchsia-asparagus-gb65.squarespace.com/
Id like to put the second section of the home page to the right of the first section on desktop view. so that it is a 60/40 split.
Any help would be greatly appreciated as ive searched everywhere for this code
 
Thank you
website example:  https://fuchsia-asparagus-gb65.squarespace.com/
password: example

Use this
a.BlogList-item-title { font-family: 'JosefinSans-Light' !important; }  

Add to Design > Custom CSS
/* footer */ @media screen and (max-width:767px) { div#page-section-607e550503ab20228de67527>.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } div#page-section-607e550503ab20228de67527>.row>.span-4 { order: 1; } div#page-section-607e550503ab20228de67527>.row>.span-3:last-child { order: 2; } div#page-section-607e550503ab20228de67527>.row>.span-3:first-child { order: 3; } }  

That worked, Thank you!
 

Site URL: https://deb-roberson-noosa-naturopath.squarespace.com/
Is it possible to add a bullet point or better yet a "dash"  (. - ) to the folder items in the menu navigation?
Website - https://deb-roberson-noosa-naturopath.squarespace.com/
Password: Deb
 
Thank you

Amazing! this worked!  Thank you so much! Saved me hours of searching.

Since the styling is block-specific, you got to know the id of each block
1. Install Chrome extension Chrome Web Store - Extensions (google.com)
2. Click on extension icon to get the block id and replace it into this snippet (replace the text: _block_id with id)
_block_id ul li>*:first-child::before { content: '' !important; } _block_id ul li { position: relative; list-style-type:none; } _block_id ul li:before { content: ""; background-image: url(https://static1.squarespace.com/static/5fa48e9e7c970759a6f2f59f/t/5fbc348263a1d011e44a0047/1606169730628/Gold+plant+leaves.png); background-repeat: no-repeat; background-size: cover; position: absolute; width: 40px; height: 20px; left: -40px; top: 2px; } 3. On the specific case
#block-yui_3_17_2_1_1607577106512_8287 ul li>*:first-child::before { content: '' !important; } #block-yui_3_17_2_1_1607577106512_8287 ul li { position: relative; list-style-type:none; } #block-yui_3_17_2_1_1607577106512_8287 ul li:before { content: ""; background-image: url(https://static1.squarespace.com/static/5fa48e9e7c970759a6f2f59f/t/5fbc348263a1d011e44a0047/1606169730628/Gold+plant+leaves.png); background-repeat: no-repeat; background-size: cover; position: absolute; width: 40px; height: 20px; left: -40px; top: 2px; }  

Thank you, ive removed the image and put it in as an unordered list.

Hi, No, Ive done it as an image in Canva but its obviously not mobile responsive as an image and the text is too small on mobile device

Site URL: https://rachel-balm.squarespace.com/work-with-me
Hi, Im wondering if someone can help with some css make an image icon as the bullet point like the image attached.

The website is : https://rachel-balm.squarespace.com/work-with-me Password: Rachel
And the image + url is : 
Also, Im needing different icons for different sections so cant use css for the entire site.