tuanphan

It looks like you solved color with this CSS .eventitem-backlink { color: #399 !important; } With link, add this to /Events/ Page Header <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('.eventitem-backlink').attr('href','/news-2'); }); </script>

Add to Design > Custom CSS /* hide price from related products */ div.ProductItem-relatedProducts .product-price { display: none; }

Have you solved this yet?

You try do it, then we can use some code to tweak it

Can you share link to some pages where we can see these text?

Change this code .header-nav-item--active a { color: #e30b1a !important; } to this .header-nav-item--active>a, .header-nav-folder-item--active a { color: #e30b1a !important; }

Can you share link to page in screenshot? We can check easier

Can you check site url? SITE DELETED This site has been deleted by the owner.

Have you found the solution yet?

Look at your code, you will see max-width:1511 It means, if screen >1511px the code won't work. You can change it to 9511px ☺️

If you want: hover >> show info text you can use this plugin If you want click >> show info, try Lightbox plugin (The answer contains an affiliate link, which means I will receive a small commission if you click and buy the plugin according to the link above.)

It looks like your site is Wix site??

What is your site url? We can check easier

Hi. What is password?

Do you still need help?

Can you share link to page where you added Code Block? We will check it again

Add to Design > Custom CSS /* Show hover description on mobile only */ @media screen and (max-width:640px) { .sqs-gallery.sqs-gallery-design-grid .slide .margin-wrapper .image-slide-title { opacity: 1 !important; height: auto !important; } }

Hi. What is password?

Can you share link to page where you added widget? We will take a look to see if we can use code to make it responsive

I don't see 2 buttons on homepage. Which page are you referring to?

Try adding to Design > Custom CSS @media screen and (max-width: 767px) { div#page-section-61ccb91b04b01037d42a3e2b .sqs-col-6 { float: left !important; width: 50% !important; } div#block-yui_3_17_2_1_1640806652071_54070 h3 { font-size: 30px; margin-bottom: 0px; } div#block-yui_3_17_2_1_1640806652071_54070 h2{ font-size: 11px; margin-top: 10px !important; } img.thumb-image.loaded { width: 100% !important; height: auto !important; } .sqs-layout .sqs-gallery-design-grid-slide { width: 30% !important; clear: none !important; } #block-yui_3_17_2_1_1640806652071_10141 .sqs-gallery-block-grid .sqs-gallery-design-grid-slide .margin-wrapper { margin-right: 2px; margin-bottom: 10px; } div#block-yui_3_17_2_1_1640806652071_10141 { padding: 0px; } div#block-yui_3_17_2_1_1640806652071_54070 { padding-left: 0; }}

Try add this to Design > Custom CSS body#item-61faa6445d85664a67a7d1ff .sqs-col-12 .sqs-col-7 .summary-metadata-container.summary-metadata-container--below-title { position: relative; bottom: 8vh; float: right; }

Just answered your email. You can check.

For which page? If you use a Business Plan or higher, add this code to Page Header <style> .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 1rem !important; /* caption font size */ color: white; /*caption font color */ } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; } .gallery-grid-image-link:after { content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999;} .gallery-section .gallery-caption p { text-align: center; font-size: 50px; font-weight: 500; color: #000; text-transform: normal; line-height: 1.5em; font-family: inherit; }.gallery-section .gallery-caption { background: rgba(104, 8, 37, .5); padding: 20px 0px; } </style> If you use a Personal Plan, edit page >> Add a Code Block >> Paste the code <style> .gallery-caption { position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.4); /* overlay color */ height: 100%; max-width: unset; padding: 0; opacity: 0; } .gallery-caption-wrapper { display: flex; align-items: center; /* center vertically */ justify-content: center; /* center horizontally */ } .gallery-caption-content { font-size: 1rem !important; /* caption font size */ color: white; /*caption font color */ } .gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-caption { opacity: 1; } .gallery-caption-grid-simple { transition-delay: 0ms; } .gallery-grid-image-link:after { content:''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999;} .gallery-section .gallery-caption p { text-align: center; font-size: 50px; font-weight: 500; color: #000; text-transform: normal; line-height: 1.5em; font-family: inherit; }.gallery-section .gallery-caption { background: rgba(104, 8, 37, .5); padding: 20px 0px; } </style> If you can't add Code Block, let me know & share page url, we will give new code

Just saw on 1920px screen & looks fine. Did you solve or which screen size do you use?