-
Posts
63,790 -
Joined
-
Last visited
-
Days Won
511
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Some CSS code to change Logo on One Page. All code, you can add to Custom CSS box Replace Pixabay with your new logo url. #1. One Page Use this code to Page Header Code Injection (If your site plan doesn't support Code Injection, you can edit page > Add a Block > Choose Code > Then paste the code). <style> header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } </style> #2. Change Logo on Desktop Only add to Custom CSS box /* Desktop Only */ @media screen and (min-width:768px) { header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); }} #3. Change Logo on Mobile Only /* Mobile Only */ @media screen and (max-width:767px) { header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } } #4. Change Logo on Blog Page (List) /* Blog Page (list) */ [class*="type-blog"].view-list header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } #5. Change Logo on Blog Post /* Blog Post */ [class*="type-blog"].view-item header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } #6. Change Logo on Event List /* Event List */ [class*="type-event"].view-list header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } #7. Change Logo on Event Detail /* Event Detail */ [class*="type-events"].view-item header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } #8. Change Logo on Shop/Category Page /* Shop/Category */ [class*="type-products"].view-list header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } #9. Change logo on Individual Products /* Individual Product */ [class*="type-products"].view-item header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } #10. Change Logo on Cart Page /* Cart Page */ body#cart header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } #11. Change Logo on Homepage Only /* Homepage Only */ body.homepage header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } #12. Change Logo on Other Pages (Exclude Homepage) /* Other pages - exclude homepage */ body:not(.homepage) header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } #13. Change Logo on Scroll Only /* On Scroll Only */ header#header.shrink img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } #14. Change Logo when Burger Menu is Open /* When burger menu is open */ body.header--menu-open header#header img { content: url(https://cdn.pixabay.com/photo/2024/01/07/14/12/man-8493244_1280.jpg); } If you still have problem when changing logo, just comment below with your site url, I will check it again.
-
How to crawl my website with Robot.txt .
tuanphan replied to zeldas1872's topic in Customize with code
Line 1 in screenshot 1 is incorrect, it will appear as a raw text on top of all pages -
You can duplicate the site, set live template there, then share duplicated site url, we can check problem easier
- 1 reply
-
- background
- basil-template
-
(and 2 more)
Tagged with:
-
-
Change transparent header to solid background on scroll
tuanphan replied to mphdesign's topic in Customize with code
Just remove body.homepage from the code -
Portfolio, mobile view with static overlay
tuanphan replied to andreassoteriou's topic in Customize with code
Use this new code @media screen and (max-width:991px) { .portfolio-text { opacity: 1 !important; top: unset !important; background-color: rgba(0,0,0,0.5) !important; } .portfolio-overlay { opacity: 1 !important; top: unset !important; background-color: transparent !important; } } -
Aligning cap height on different text styles
tuanphan replied to mikeatbluebottle's topic in Customize with code
Hi, Can you share link to this page? We can check easier -
THE FONT WON'T SHOW ON MY PAGE WHEN I ENTERED THE CODE...
tuanphan replied to A_Martini's topic in Customize with code
You need to declare @font-face, the code should be @font-face { font-family:'avenir regular'; src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b5e8627652529f0ba6c/1706122078642/Avenir+Regular.ttf'); } @font-face { font-family:'avenir light'; src: url('https://static1.squarespace.com/static/652f7b0b2732e6621ae68c90/t/65b15b6913dcd6583b82dbe3/1706122089667/Avenir+Light.ttf'); } h1, h2, h3, h4 { font-family:'avenir regular' !important; } /* p1, p2, p3 = p */ p, p * { font-family:'avenir light' !important; } -
Is there code to separate the tags/cat in the tag cloud block?
tuanphan replied to saskins's topic in Customize with code
If you share link to page where you have problem, we can check easier- 3 replies
-
- accessibility
- blog
-
(and 3 more)
Tagged with:
-
How to add fram to image card only on one page
tuanphan replied to Esoes_design's topic in Customize with code
To change frame color on this section, use this code section[data-section-id="65a06227ba81942b7a12d3b2"] .list-item-media { border: 2.5px solid #f1f !important; } -
How to change title font on image card
tuanphan replied to Esoes_design's topic in Customize with code
You can use a CSS code like this h2.list-item-content__title { font-family: 'roc-grotesk' !important; } -
Try this code to Website > Website Tools > Custom CSS @media screen and (min-width:768px) { .user-items-list-item-container[data-section-id="65ae8b8d3fd5d37f0bfb4844"] li { position: relative; } .user-items-list-item-container[data-section-id="65ae8b8d3fd5d37f0bfb4844"] a.list-item-content__button { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .user-items-list-item-container[data-section-id="65ae8b8d3fd5d37f0bfb4844"] .user-items-list-simple .list-item-content__button-wrapper { min-width: 300px; } }
-
Adding custom icons and elements on blog post thumbnails
tuanphan replied to kbw2024's topic in Customize with code
deeproots123 It still incorrect. You try checking again (maybe you used 2 password for site wide and single page?) -
How to increase maximum gallery width - Avenue 7.0
tuanphan replied to nevesman's topic in Customize with code
@nevesman You can use this code to Website > Website Tools (under Not Linked) > Custom CSS /* Description width */ .project-meta { max-width: 1200px !important; } -
If you don't have a budget to buy plugin, you can add a section in Site Footer, design your layout, then I can check and give some code to make this become a popup when you click the button (I used to a case a few months ago)
-
Edit top code <style> code to this <style> .blog-excerpt a { font-size: 10px; font-weight: 300; } .blog-excerpt a:hover { font-weight: bold; color: #f1f; } </style>
-
#1. You can use a Filter Plugin to achieve this #2. Can you share link to page where you have problem? We can check easier
-
You can also share site url, I can give some code to achieve this
-
You can add this code to Website > Website Tools > Custom CSS. If it doesn't work, you can share site url, we can check it again easier /* dropdown items color */ .header-nav-folder-content div * { color: #f1f !important; }
- 1 reply
-
- custom-css
- navigation-link
-
(and 3 more)
Tagged with:
-
Embedded Google Maps Not Adjusting View
tuanphan replied to LRautenbach's topic in Customize with code
If you share link to page where you added Google Maps, we can check easier -
Embedded google form looks off on mobile
tuanphan replied to MangeshZ's topic in Customize with code
Which page are you referring to? I don't see it on homepage https://www.peaceful-loan.com/ -
Extra padding in mobile testimonial carousel slider
tuanphan replied to amg28416's topic in Customize with code
It is not possible, you can consider reduce & equal text all items on mobile, then we can reduce space easier (if you need this, I can give the code)