Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tuanphan

Circle Member
  • Content Count

    6,650
  • Joined

  • Last visited

  • Days Won

    65

Everything posted by tuanphan

  1. There are 3 ways to insert CSS Wrap CSS in style tag and insert to Header Insert to Custom CSS Add !important to Custom CSS You can test all.
  2. Add to Home > Design > Custom CSS .e-content .row .col .sqs-block.sqs-block-html { max-width: 100%; }
  3. use !important; eg: display: inline-block !important;
  4. Add to Page Settings > Advanced > Header <style> #logo img { visibility: hidden; } #logo h1.logo a { background-image: url(https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg); background-size: contain; background-repeat: no-repeat; background-position: center; display: block; height: 100%; } </style>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <script> $('.Header-branding').attr('href','https://beaverhero.com'); </script> add to Code Injection Footer
  6. Insert & check your real mobile. It should work with no gap.
  7. You can share link to your site, we can take a look.
  8. Difficult to help without site url. Some custom CSS can solve. 😎 -- if you can't share url here, you can send to my email in signature.
  9. Give a try https://codecanyon.net/item/pinch-zoomer-jquery-plugin/6623080 I'm not sure It will work 😃
  10. Your link is invalid. Please check again. If you don't want to share link here, you can share to my email in signature. 😂
  11. maybe missing a character, try again with this code <script> $("#logo img").attr("src", "https://beaverhero.com/wp-content/uploads/2019/06/trees-3464777_640-min.jpg"); </script>
  12. It can be done with CSS or JavaScript. JavaScript will be better (I guess). Here is CSS, add to Page Settings > Advanced > Header The idea is that when hovered, it will hide the original text, and insert a new text. You will need to adjust to find the appropriate font-size so that it does not cause problems. Your banner has 3 paragraphs. And the text you want to change, it's in the middle, so I use nth-child (2). <style> .desc-wrapper p:nth-child(2):hover strong { visibility: hidden; } .desc-wrapper p:nth-child(2):hover strong:before { content: "Next Text"; visibility: visible; font-size: 15px; } </style> JavaScript: We will change the old text to new text when hovering (CSS doesn't support this) or we will add data-attribute="New text" to Current Text, then use CSS to remove current text - show data-attribute as new text. It will take time, so you can send your question to my email via link in signature.
  13. Add to Home Page Settings > Advanced > Header <style> .Header-nav-folder { left: 0; opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } </style>
  14. yes, above code for desktop, and here for mobile nav#mobileNavigation>div:nth-child(2) { display: none !important; }
  15. Add to home > Design > Custom CSS nav#mainNavigation>div:nth-child(2) { display: none !Important; }
  16. we need password to help you. If you can't share password here, send me a message via this form.
  17. add to Home > Design > Custom CSS /* Page 1 */ div#block-yui_3_17_2_1_1578074906228_52324 .image-card { background: purple; } /* Page 2 */ div#block-yui_3_17_2_1_1578084749729_31301 .image-card { background: blue; } You need to inspect html structure to find Block ID of 11 Pages. See how to find block iD
  18. Can you take screenshot of " blog item spacing"?
  19. your screenshot is Markdown block If you use Code Block, you can use above tags.
×
×
  • Create New...