-
Posts
128 -
Joined
-
Last visited
Reputation Activity
-
PEARLERwork reacted to tuanphan in Borders + Border Radius on Fluid Engine Image Blocks
Add this CSS under
.fe-block-f60d5a2650bbc4319b18 * { box-sizing: border-box; }
-
PEARLERwork reacted to tuanphan in Blog Post Page Design Customisation (Gap Appearing)
Use this CSS code to fix it
section.blog-item-comments { display: none !important; } .blog-item-wrapper .blog-item-content { margin: 0 !important; }
-
PEARLERwork got a reaction from kristyfountain in Apply border and other css effects to image shapes
Thanks, @iamdavehart - this works sort of. However, to add a layer of complexity, I want this effect to apply to all image blocks automatically without having to identify each #block-yui
Also, when I use the code above, it works for the drop shadow but not for the border!
-
PEARLERwork got a reaction from Ziggy in Fluid Buttons Different Padding to Classic Editor Ones
Awesome @Ziggy I appreciate it
-
PEARLERwork reacted to Ziggy in Fluid Buttons Different Padding to Classic Editor Ones
There are two ways to set up a button with FE, either FIT or FILL. Fit uses the traditional padding, fill fills the space you allocate in the grid layout. Edit the button and go to design.
I hope this helps! Give me a thumbs up if it does! Thanks!
-
PEARLERwork reacted to tuanphan in Inherit global styles into CSS
A member just asked me via email, she sent this thread so I posted below
Each theme style, it has some variant style
For example Lightest 1 It has some already variant about 200+ variant attributes You can also create custom variant, something like this @linkBGColor: red;
@linkTextColor: #fff; then when use CSS, just declare h1 {color: @linkBGColor;} -
PEARLERwork got a reaction from danaddub in Apply border and other css effects to image shapes
Site URL: https://cosmotemplate.squarespace.com/?password=pearler
I'd like to apply a border and shadow to an image. I'm utilising the new image shape feature, and can't seem to figure out which element to target. Thank you!
-
PEARLERwork reacted to tuanphan in Targeting the first section of pages with CSS
You can't wrap code like that, because [data-cu...] is a child element of #page & article
Use this
[data-current-styles*='"customSectionHeight": 41']:before { content: ""; position:absolute; background-image:url(https://static1.squarespace.com/static/63157662f6b5811cc3a430b2/t/633f502193330b5f428da186/1665093665442/Watermark.svg); background-size:contain; background-repeat:no-repeat; width: 85%; height: 85%; top: 7%; right: -50vw; z-index:2; }
-
PEARLERwork got a reaction from ilseS in Apply border and other css effects to image shapes
Site URL: https://cosmotemplate.squarespace.com/?password=pearler
I'd like to apply a border and shadow to an image. I'm utilising the new image shape feature, and can't seem to figure out which element to target. Thank you!
-
PEARLERwork got a reaction from Ziggy in Pseudo Button Styling
Yeah that worked beautifully, thank you ✿ @Ziggy
-
PEARLERwork reacted to Ziggy in Pseudo Button Styling
Try this tweak to the background size, top, and padding:
[data-section-theme="black"] .sqsrte-small a strong::after { content: ""; background-image: url(https://static1.squarespace.com/static/6315766…/t/633bc05…/1664860255587/Arrow.png); display: inline-block; background-repeat: no-repeat; background-position: center center; background-size: 80%; pointer-events: auto; opacity: 1; transition: opacity .8s,transform .5s; height: 100%; position: absolute; top: -80%; padding: 1em 1.8em; }
-
PEARLERwork reacted to creedon in Header & Footer Not Appearing Cart Page
They appear to be there to me.
-
-
PEARLERwork reacted to tuanphan in Static Description on Slideshow Gallery Block
Add to Design > Custom CSS
body.homepage .sqs-gallery-block-slideshow .slide.loaded .meta { opacity: 1 !important; }
-
PEARLERwork got a reaction from Beyondspace in Fixed Height Homepage Landing
@bangank36 thanks this also worked how I hoped ✓
-
PEARLERwork reacted to Beyondspace in Fixed Height Homepage Landing
For not applying code in edit mode, you can select the body without edit mode class.
With the previous code, you can apply the following code
#collection-62007feac5ad6557038a61b1 { &:not(.sqs-edit-mode) { height: 100vh !important; overflow: hidden; article { display: flex; flex-direction: column; } .wm-split-sections { height: 95vh; section { .content { width: 50% !important; } } } .wm-split-sections>section { padding-top: 0 !important; } .wm-split-sections+section { height: 5vh !important; } } }
-
PEARLERwork reacted to Beyondspace in Fixed Height Homepage Landing
Try adding to Home > Design > Custom Css
#collection-62007feac5ad6557038a61b1 { height: 100vh !important; overflow: hidden; } #collection-62007feac5ad6557038a61b1 article { display: flex; flex-direction: column; } #collection-62007feac5ad6557038a61b1 .wm-split-sections { height: 95vh; } #collection-62007feac5ad6557038a61b1 .wm-split-sections > section { padding-top: 0 !important; } #collection-62007feac5ad6557038a61b1 .wm-split-sections + section { height: 5vh !important; } #collection-62007feac5ad6557038a61b1 .wm-split-sections section .content { width: 50% !important; } Let me know how it works on your site
-
PEARLERwork got a reaction from moonlitdesign in Horizontal overflow on mobile
@tuanphan thanks! This worked nicely on my other website, but not on this one: https://share.getcloudapp.com/z8uPZlvl
On mobile, the effect of the code is that the page locks and you can't scroll at all.
-
PEARLERwork got a reaction from Beyondspace in Change margins of Cart Checkout Button
This worked perfectly, thank you @bangank36
-
PEARLERwork got a reaction from Beyondspace in Archive Block appearing cut off?
That's perfect @bangank36
Thank you!
-
PEARLERwork got a reaction from Beyondspace in Cart Icon Won't Line Up - Help ☻
Site URL: https://cosmotemplate.squarespace.com/?password=pearler
I've used some code to move the social icons and cart to appear vertically. However, I'm finding the cart won't line up. Any help would be greatly appreciated!
// ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ ☯ VERTICAL SOCIAL ICONS ☯ ☯ ☯ ☯ ☯ ☯ ☯ // .header-actions-action--social { position:fixed; top:50%;//change as necessary flex-direction:column; right:1vw; } .header-actions-action--social .icon { margin-left:-40px !important; //change as necessary margin-bottom:20px; } @media screen and (min-width:767px) { .header-actions-action--cart { position:fixed; right:30px; top:42%; } .header-actions--right { justify-content:center; }}
-
PEARLERwork reacted to tuanphan in Applying CSS to Portfolio Hover Images
Add to Design > Custom CSS
div.portfolio-hover-backgrounds { border-radius: 50px; }
-
PEARLERwork got a reaction from tuanphan in Split screen layout issue
@tuanphanThat worked perfectly, thank you.
-
PEARLERwork reacted to tuanphan in Split screen layout issue
Hi,
The WillMyers code override it.
Use this
@media (min-width:799px) { body:not(.sqs-edit-mode-active).tweak-fixed-header-style-basic .split-sticky { top: 0 !important; } } This code will override the WillMyers plugin code. I'm not sure if it's causing problems with the plugin you're using.
-
PEARLERwork reacted to tuanphan in Split screen layout issue
Add to Design > Custom CSS
/* Fix split image */ @media screen and (min-width:992px) { [data-section-id="610a0e8d8ed43338a1ee81f4"] { min-height: 100vh !important; } }