-
Posts
34 -
Joined
-
Last visited
Reputation Activity
-
noblestudio reacted to tuanphan in Full Width Video
I see you solved with some 100vh code? It doesn't show white space to me now
-
noblestudio reacted to ClareD in Changing logo colour ONLY in mobile menu overlay (7.1)
I came across this problem recently (May 2023) and here is my solution - below is the code I inserted into the Page Header Code Injection in my case - incase it's helpful for anyone else searching for a solution to this problem 🙂
<style> /* Set a different logo for this page only - on desktop and mobile (if needed) */ div.header-title-logo a { content:url("INSERT_IMG_LINK"); max-width: 290px; margin-left: auto; margin-right: auto; } /* Hide Logo A when the mobile menu is open */ .header--menu-open .header-title-logo a { content: none; } /* Insert Logo B (as a background image) when the mobile menu is open */ .header--menu-open .header-title-logo a { background-image: url(INSERT_IMG_LINK); background-size: cover; background-repeat: no-repeat; } </style>
-
noblestudio reacted to tuanphan in Limit the number of related products
Add to Home > Design > custom CSS
/* related product 3 items */ .ProductItem-relatedProducts .list-grid .grid-item:nth-child(n+4) { display: none; }
-
noblestudio reacted to tuanphan in I need to hide prices & change the 'checkout' button's text in the cart
You can try adding this to Design > Custom CSS
.product-price, .product-prices { display: none !important; }
-
noblestudio reacted to Ziggy in Yoga and Fitness Website Feedback
No problem, Nabil, happy to lend my experience, glad those changes made a difference for you.
-
noblestudio got a reaction from Ziggy in Yoga and Fitness Website Feedback
Hey @Ziggy, thanks for your feedback! This is super helpful, so thank you for pointing it out. I've taken your advice and moved the 'discover' links so now all text pieces live in one block, which also eliminates the need for endless media queries!
Keep text boxes larger than necessary – great tip, noted and updated!
Thanks again, really appreciate it! ✌🏽
Nabil
-
noblestudio reacted to Ziggy in Yoga and Fitness Website Feedback
The website is really nice, I like the grid style lines and consistency and usage of the 50% split.
One small thing that I want to improve is the consistency of the "Discover" text links on the homepage, they vary in how far away vertically the heading text is, and this changes based on the screen size. Personally, I would have put the three pieces of text into one text block as that would keep the inter-paragraph text margin consistent. I also like keeping text boxes larger than necessary so they have more room to grow before they start stretching the rows or breaking to another line. The title "What My Community Says" breaks to two lines on tablet screens when if you made that block wider that wouldn't happen.
Really classy use of sticky half-sections, really like that!
-
noblestudio got a reaction from tuanphan in Remove Blog Title from Blog Post
Hi All, I tried all the above for a client's site that's still using 7.0 but failed to work. I managed to pull up some code on the inspect mode and tried this which worked like a dreamboat! Copy and paste this into your CSS and it will remove the Blog title from your blog page only. Example here.
If you have a Blog page or summary blocks displaying the stories elsewhere on your site, (as I have) those will remain in place. Hope this helps!
/* remove blog title from blog page*/
.tweak-blog-item-alignment-center .BlogItem-title {
text-align: center;
display: none;
}
-
noblestudio got a reaction from HumDes94 in How can I create animation/splash screen to appear only on the initial load when a visitors land on homepage
Hey @HumDes94 sorry about the late reply!
I got a coder to do this for me in the end! It's quite straight forward and didn't involve java.
Have a good week! 😊
-
noblestudio reacted to Murli_S in Portfolio Hover:Background does not change full background anymore
Worked perfectly! thank you. Do you have any idea why the square space portfolio pages suddenly stopped working like before?
-
noblestudio reacted to paul2009 in 7.1 change mobile store category to drop down?
You can change the mobile product category slider into a centered list of categories by adding some CSS like this.
I've posted the code here:
-
noblestudio reacted to tuanphan in Category Page Design Customization - new 7.1 update
Add to Home > Design > Custom CSS
/* category title size */ h3.nested-category-title { font-size: 20px !important; }