-
Posts
64,922 -
Joined
-
Last visited
-
Days Won
517
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Can I have different headers on various pages?
tuanphan replied to Exuberant-Animal's topic in Customize with code
Yes. With free solution, I also will use this way. -
Changing color on one single nav bar page
tuanphan replied to Zenocavallari's topic in Fonts, colors and images
Use this new CSS code for both desktop + mobile .header-nav-item:nth-child(6) a, div.container.header-menu-nav-item:nth-child(6) div { color: #cb1717 !important; } -
Hover over text to reveal a thumbnail image
tuanphan replied to ABCDEFGHUMAN's topic in Customize with code
I added the guide above, if you can't make it work, you can share link to page where you use image, I can adjust code for your case -
Hot to hide End Date on Event Summary Block
tuanphan replied to Aberdeen's topic in Customize with code
- 3 replies
-
- events
- summary-block
-
(and 3 more)
Tagged with:
-
Add Event Page Title to Navigation
tuanphan replied to websitebuilder12345's topic in Customize with code
It looks like you figured it out. I tried resize browser but all are fine Which screen size do you see problem?- 12 replies
-
- javascript
- code-injection
-
(and 1 more)
Tagged with:
-
Scroll Down Arrow That Links To Next Section
tuanphan replied to MattyT208's topic in Customize with code
If you want to add arrow on both first + second section, you can find this line in all script/style code #page section:first-child to this #page section:nth-child(-n+2) -
- 9 replies
-
- video
- aspect-ratio
-
(and 1 more)
Tagged with:
-
Lightbox-only caption photo gallery with CSS?
tuanphan replied to averagepestoenjoyer's topic in Customize with code
You can use a CSS code like this (Website > Website Tools > Custom CSS) [data-slide-url]:after { display: block; color: black; z-index: 99999; position: fixed; bottom: 10px; left: 50%; transform: translateX(-50%); } [data-slide-url="u912u88ef4rhh05pptrzi3tazv1pr4"]:after { content: "Feral Goats on Slievecarran"; } [data-slide-url="1kv0c7bmb7tf9i671nq7zlvzvor0nf"]:after { content: "Bouleevin-Sunrise"; } [data-slide-url="9fdxxom6mdst2k89vrmsk0tph2qbgg"]:after { content: "Doonties-Gateway-Dingle-Peninsula.jpg"; } Result To find data-slide-url, you can open lightbox > right click anywhere on the page > Inspect It will show a box on right or under screen > You can search data-slide-url it will show all -
Custom description and "prev / next" links for Slideshow 7.1
tuanphan replied to rothko20's topic in Fonts, colors and images
So you want to replace this & apply to Gallery Section Slideshow on your site or? I think it should be possible (we can change current slideshow arrow to text: prev/next and change its position), if you share link to page where you use slideshow on your site, we can check easier -
Heading Banner scrolls halfway up when scrolling.
tuanphan replied to MoeTalks's topic in Customize with code
Can you share site url? We can check easier -
Use this, it will target both desktop + mobile header button a.btn { font-family: 'locator-web' !important; }
-
The font files url doesn't exist. If you copy url and paste on browser, it will show nothing. You try upload new one & replace url again
-
Use this CSS code to remove black header#header { background-color: transparent !important; }
-
Countdown Timer on Lock Screen OR Cover Page
tuanphan replied to jasminesarian's topic in Customize with code
I think you sent missing code, if your site has this code only, it won't show Countdown. (You can test it by put this line on a new site) You can check all Code Injection, Code Block...and send all code- 12 replies
-
- lock-screen
- code-injection
-
(and 1 more)
Tagged with:
-
-
Change the Video source with a button click
tuanphan replied to Wedged's topic in Customize with code
-
How do you invert logo color on specific color themes?
tuanphan replied to morgantaylr's topic in Customize with code
#1. I see you figured it out? #2. Suppose your code is #header .header-mobile-logo img, #header .header-title-logo img { content: var(--dark-logo); } to apply desktop, use this code <style> @media screen and (min-width:992px) { #header .header-mobile-logo img, #header .header-title-logo img { content: var(--dark-logo); } } </style> to apply mobile, use this CSS <style> @media screen and (max-width:991px) { #header .header-mobile-logo img, #header .header-title-logo img { content: var(--dark-logo); } } </style> -
Resize media image and text on mobile only
tuanphan replied to Rmarkjr's topic in Customize with code
You can add transform: scale(1.5); to this code section.Intro figure img { width: 100% !important; height: auto !important; left: 0 !important; transform: scale(1.5); }- 6 replies
-
- css
- background
-
(and 2 more)
Tagged with:
-
Reducing gaps in mobile landscape mode
tuanphan replied to MaxwellArch's topic in Customize with code
Can you share link to this page? -
You can use this code to Custom CSS box figcaption.gallery-caption.gallery-caption-fullscreen-slideshow { max-width: 1000px !important; }
- 27 replies
-
Change font size of items in dropdown menu navigation
tuanphan replied to Jelle's topic in Fonts, colors and images
Your site is private, we can't access it. You can follow this guide to share url- 36 replies
-
- font
- custom-css
-
(and 1 more)
Tagged with:
-
Fix submit button styling on cover page form
tuanphan replied to sebriggs's topic in Customize with code
I forgot, code in Cover Page, you need to add to Cover Page Header Code Injection, not Custom CSS <style> .sqs-slide-wrapper[data-slide-type="cover-page"] .sso-button-style-outline~.sqs-modal-lightbox .form-wrapper input[type=submit] { background-color: #a890ad !important; } </style>