-
Posts
65,363 -
Joined
-
Last visited
-
Days Won
521
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
If you want to apply to all blog posts (detail post), use this to Custom CSS body[class*="type-blog"].view-item .Header-branding-logo { filter: invert(1); -webkit-filter: invert(1); }
-
CSS Help: Fixed Position for Site Footer
tuanphan replied to fredhopkins_dnba's topic in Customize with code
Footer looks fine with code. Can you take a screenshot & describe in more detail of problem? -
Change the color of my logo on a different page
tuanphan replied to leilollipop's topic in Fonts, colors and images
Can you share link to page where you have problem? -
Can you share link to page where you added this? We can check easier
-
Styling a list summary block on mobile
tuanphan replied to jennifer-solmadestudio's topic in Customize with code
Add this CSS @media screen and (max-width:767px) { .sqs-gallery-design-carousel .sqs-gallery-controls { display: none !important; } }- 5 replies
-
- summary-block
- list-summary
-
(and 1 more)
Tagged with:
-
Format Product Variant Options on Product Details Page
tuanphan replied to Alex599's topic in Customize with code
-
Do you have a quick image/video? I can't access that link https://javascript.plainenglish.io/stacking-cards-with-pure-css-and-a-dash-of-javascript-45e1647d471d
-
Change it to @media screen and (min-width:992px) { /* Custom Portfolio Page */ a.grid-item:first-child, a.grid-item:nth-child(6), a.grid-item:nth-child(11) { grid-column: ~"1 / 3" !important; } }
- 13 replies
-
- alignment
- aspect-ratio
-
(and 3 more)
Tagged with:
-
custom-css Mobile Header Button Custom Css Help
tuanphan replied to thestalkermiami's topic in Customize with code
Second code, class name is correct, but you need to add !important, for example font-family: montserrat !important; font-weight: 700 !important; -
Custom Image Controls for Carousel Summary and Gallery Sliders
tuanphan replied to holahannah's topic in Customize with code
You try this CSS code under .sqs-gallery-design-carousel .sqs-gallery-controls { overflow: visible !important; } .sqs-gallery-design-carousel .sqs-gallery-controls .next:hover:before, .sqs-gallery-design-carousel .sqs-gallery-controls .previous:hover:before { transform: scale(1.05); }- 4 replies
-
- custom-css
- carousel
-
(and 2 more)
Tagged with:
-
Can you share link to homepage? We can check easier
-
Display carousel slider image and text side by side
tuanphan replied to elizablake's topic in Customize with code
Yes. Possible with Personal Plan. 2 options Option 1. You can edit current page > Add a Code Block (anywhere) > Then paste the code Option 2. Add Page ID before the code and add to Custom CSS box. With this way, you need to share link to page where you use carousel, we can check Page ID and give you code- 12 replies
-
- custom-css
- css
-
(and 3 more)
Tagged with:
-
Changing header logo URL on one page (mobile)
tuanphan replied to smoman's topic in Customize with code
Hi, Can you share links to 2 shops? We can check easier -
Split product titles onto two lines, make second line Italics
tuanphan replied to rodabaugh's topic in Customize with code
-
CSS Code for Delaying Text and Button on cover page
tuanphan replied to payper-plains's topic in Customize with code
It looks fine on my Chrome. Can you take a screenshot or quick video on your end? -
Changing images upon page refresh in a Code Block
tuanphan replied to CALLINGALLCARS's topic in Code Blocks
You mean change top banner image on refresh or change Code Block image? Currently I see Code Block but no image on Code Block, it show blank white only- 8 replies
-
- code
- javascript
-
(and 1 more)
Tagged with:
-
Stick image to the right of the screen
tuanphan replied to SteveBarrett's topic in Customize with code
You can add padding-left to the code [data-section-id="64d627e2914c341ebfcfc9e3"] .content-wrapper { padding-right: 0px !important; max-width: 100% !important; padding-left: 5vw !important; } -
If you share link to your site, we can help you easier
- 13 replies
-
- navigation
- menu
-
(and 3 more)
Tagged with:
-
If reduce size, you can use this to Website > Website Tools > Custom CSS .product-block .productDetails .product-title { font-size: 1.5em !important; } .product-block .productDetails .product-price { font-size: 0.9em !important; }
-
Or just use this code .menu-block .menu-style-classic .menu-items { column-count: 2; }
-
Inverting Colors in the Header on Specific Pages
tuanphan replied to nelanelatea's topic in Fonts, colors and images
Use this CSS code body.homepage header#header.shrink { background-color: #fff !important } body.homepage header#header.shrink div.header-nav-item>a { color: #000 !important } body.homepage header#header.shrink .header-title-logo a { filter: invert(1) } body.homepage header#header.shrink a.btn { color: #000; border-color: #000 } body.homepage header#header.shrink .sqs-cart-quantity { color: #000 } body.homepage header#header.shrink .icon--cart { fill: #000 } body.homepage:not(.header--menu-open) header#header.shrink .burger-inner>div { background-color: #000 !important } -
Embed Typeform PopUp Button into Site Header
tuanphan replied to WesGavin's topic in Customize with code
Can you share solution for other members?- 17 replies
-
- embed
- custom-css
-
(and 1 more)
Tagged with:
-
Yes. You want to add above menu items, under menu items, above social icons or which position? And which text? Static text or text with links?
-
Changing the colour of error messages on forms
tuanphan replied to The-Design-Order's topic in Fonts, colors and images
Use this CSS code .field-list .mkTKK6Se1WSWC0Psa20C { font-size: 17px !important; } -
Adaptive section names to replace logo in navigation bar
tuanphan replied to Jonesluke25's topic in Customize with code
The site is expired. You can access this link to extend it for free The code is quite complex so will take some time to test