-
Posts
106 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by nick_sh
-
How to place an image block so that it sits in the right place
nick_sh replied to ClaireHops's topic in Customize with code
@ClaireHops Great! Please mark as correct so others can benefit from the answer too — thanks. -
You need to make text blue on hover, and position ::before absolutely: .sqs-block-button .sqs-block-button-element--large:hover { color: var(--secondaryButtonBackgroundColor); } .sqs-block-button .sqs-block-button-element--large:hover::before { content: "voir le forfait"!important; color: white; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); }
-
Why can't I hide images on Mobile only using the CSS I'm adding?
nick_sh replied to graphicabyss's topic in Code Blocks
Are you adding to Custom CSS? It maybe an error before so code isn't processed. Because it works if applied directly to the site. -
Why can't I hide images on Mobile only using the CSS I'm adding?
nick_sh replied to graphicabyss's topic in Code Blocks
@graphicabyss This id seems to target a button. Also code doesn't seem to apply although it's correct for hiding. -
The flex-start code it correct, it works for me with flex-start. But maybe add !important;
-
Bold All Titles & Labels in Forms
nick_sh replied to CoorlasArchitecture's topic in Customize with code
Try removing removing div, it should work: .title span { font-weight: bold !important; } -
There are 3 options: 1. You can try redirecting with js from portfolio page itself, not sure how it's treaded by Google though. Try adding to code block: <script> window.location.replace('URL') </script> 2. Alternatively, move portfolio page to not linked, and hide it from SEO. 3. You can add regular sections to portfolio page, so you can just use those and hide the actual portfolio section.
-
Align blog posts to the left instead of centre
nick_sh replied to studiomiko's topic in Customize with code
try this code: .blog-item-wrapper .blog-item-inner-wrapper { margin: 0 !important; } -
.blog-item-author-profile-wrapper .author-avatar-image { top: 0 !important; left: 0 !important; }
-
Can you provide link to the site?
-
How to place an image block so that it sits in the right place
nick_sh replied to ClaireHops's topic in Customize with code
To remove: @media(min-width: 601px) and (max-width: 1200px) { .fe-block-yui_3_17_2_1_1708083773595_75032 { display: none; } } but maybe use one image as @Snowday suggested -
@catiewebster no, you don't find body id anywhere, you add directly to portfolio page in settings. [id*="item"] means it will only use single portfolio items (and not a collection page itself) — it means target body id that contains item: From there you can add your classes: [id*="item"] #header { }
- 27 replies
-
Apparently I found a solution long ago, but forgot to post. Single portfolio pages can be targeted via body id that contains item. Code needs to be added in portfolio page settings → advanced → code injection: [id*="item"] ...YOUR CLASSES HERE... { }
- 27 replies
-
How to remove Portfolio pages click through
nick_sh replied to Katberg's topic in Customize with code
@Katberg try adding this to Code Injection <script> addEventListener("DOMContentLoaded", (event) => { document.querySelectorAll('section[data-section-id="65c38c2f3d8bf72234d2ac79"] a').forEach(link => { link.addEventListener('click', e => { e.preventDefault(); }) }); }); </script> -
Custom paragraph style not applying to mobile
nick_sh replied to mart22's topic in Customize with code
-
Stack Form Checkboxes in Mobile Only
nick_sh replied to CoorlasArchitecture's topic in Customize with code
@media (max-width: 767px) { .checkbox .option { width: 100% !important; } } -
Fixed navigation menu icon ONLY, not header logo
nick_sh replied to AmandaLJ's topic in Customize with code
@AmandaLJ great to hear, please mark the post with the code as a solution if possible!- 3 replies
-
- navigation
- menu
-
(and 2 more)
Tagged with:
-
Fixed navigation menu icon ONLY, not header logo
nick_sh replied to AmandaLJ's topic in Customize with code
Remove fixed header option and add to Custom CSS: .header-burger { position: fixed; }- 3 replies
-
- navigation
- menu
-
(and 2 more)
Tagged with:
-
Change color of text/hyperlink on hover
nick_sh replied to emilynola's topic in Fonts, colors and images
I believe you can set all the colors in Site Styles (brush icon in top right corner) → Colors per section -
you can try adding to Custom CSS #header:hover a, #header:hover img, #header:hover svg { filter: invert(1); } It assumes items are black → they will invert to white. Not sure if it covers all elements though.
- 2 replies
-
- hamburger-icon
- site-title
-
(and 1 more)
Tagged with:
-
How to resize Markdown font size for mobile
nick_sh replied to dotandpeg's topic in Fonts, colors and images
Did you add class to span? Yeah that's also possible