![](http://content.invisioncic.com/p289038/monthly_2023_04/Untitleddesign.png.c586531924b0f84d1c6553b53b3fb30f.png)
Elle-Harrison-Design
-
Posts
30 -
Joined
-
Last visited
Reputation Activity
-
Elle-Harrison-Design got a reaction from Beyondspace in Index sections side-by side Brine 7.0
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
-
Elle-Harrison-Design reacted to tuanphan in Custom font on Blog list page
Use this
a.BlogList-item-title { font-family: 'JosefinSans-Light' !important; }
-
Elle-Harrison-Design got a reaction from Beyondspace in Image icons as bullet points
Amazing! this worked! Thank you so much! Saved me hours of searching.
-
Elle-Harrison-Design reacted to Beyondspace in Image icons as bullet points
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; }
-
Elle-Harrison-Design got a reaction from Beyondspace in Image icons as bullet points
Thank you, ive removed the image and put it in as an unordered list.
-
Elle-Harrison-Design got a reaction from Beyondspace in Image icons as bullet points
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
-
Elle-Harrison-Design got a reaction from Beyondspace in Image icons as bullet points
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.