-
Posts
65,519 -
Joined
-
Last visited
-
Days Won
521
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
Change transparent header to solid background on scroll
tuanphan replied to mphdesign's topic in Customize with code
-
Use this code for mobile .header-display-mobile .header-title-nav-wrapper:before { content: "25% Off Your First Clean--Use Code NEW25 at Checkout"; display: inline-block; font-size: 20px; color: pink; position: absolute; top: 0; text-align: center; background-color: rgba(255,172,172,.2); }
-
Hover on video gallery block goes to alternate image
tuanphan replied to MisterCampos's topic in Customize with code
Yes, just repeat the code & change to 2, 3, 4... Slower, I guess not possible, but you try this code div#block-yui_3_17_2_1_1688340999924_3167 .slide:hover img, div#block-yui_3_17_2_1_1688340999924_3167 img { transition: all ease-in-out 0.3s !important; }- 13 replies
-
- hover
- gallery-block
-
(and 1 more)
Tagged with:
-
How to stop text hyphenating within a slideshow banner
tuanphan replied to MillyBanks's topic in Customize with code
You can add this to Design > Custom CSS p,h1,h2,h3, body * { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important } -
Change size of portfolio image crop on mobile using code
tuanphan replied to JOF01's topic in Code Blocks
The site is private. Can you setup an access password? We can access easier- 15 replies
-
- hover
- background
-
(and 1 more)
Tagged with:
-
Transparant header still cuts off background image
tuanphan replied to jamesseers's topic in Code Blocks
What is site url? We can check easier -
Reduce padding under specific section (div container)
tuanphan replied to brainstormer's topic in Customize with code
What is page url? We can check easier -
You mean change field type or change default value or placeholder or?
-
CSS for rounded corners of uploaded videos?
tuanphan replied to taylahroberts1's topic in Customize with code
-
Use this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('.last-name input').attr('value','NA'); $('.last-name').attr('style','display:none;'); }); </script>
- 23 replies
-
Do you have an example + site url? We can help easier
-
You need to do that first, then share site url, we can give code easier
-
how to properly include icons in the announcement bar CSS?
tuanphan replied to NaraKury's topic in Customize with code
-
Add a Code Block > paste this code <button class="custom-btn btn-13">Read More</button> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/> <style> .custom-btn { padding: 10px 25px; font-family: "Roboto", sans-serif; font-weight: 500; background: transparent; outline: none !important; cursor: pointer; transition: all 0.3s ease; position: relative; display: inline-block; } /**** BTN No. 13 ****/ .btn-13 { border: 2px solid #000; z-index: 1; } .btn-13:after { position: absolute; content: ""; width: 100%; height: 0; top: 0; left: 0; z-index: -1; background: #000; transition: all 0.3s ease; } .btn-13:hover { color: #fff; } .btn-13:hover:after { top: auto; bottom: 0; height: 100%; } .btn-13:active { top: 2px; } </style>
- 15 replies
-
So you want to adjust height for all devices?
- 13 replies
-
- gallery-block
- blog-page
-
(and 1 more)
Tagged with:
-
Vertical lines between each card in a 'Summary' block
tuanphan replied to a topic in Customize with code
Can you share link to page where you want to apply border? -
Adding Boxes/Borders to Navigation/Header Elements
tuanphan replied to RDC's topic in Customize with code
What is your site url? We can check problem easier -
Button to appear when mouse hovers over it.
tuanphan replied to Rex2023's topic in Customize with code
-
Replacing titles with "previous" and "next" in blog pagination
tuanphan replied to andrewwww's topic in Customize with code
Add this to Design > Custom CSS /* blog prev next */ h2.item-pagination-title { display: none; } .item-pagination-prev-next { display: block !important; }