tuanphan

Add this code to Website > Website Tools > Custom CSS > then save & reload the page
/* Tablet summary */ @media screen and (min-width:768px) and (max-width:1024px) { div#block-c52af944a800cbb43140 .summary-item { flex-direction: column !important; } }

Use CSS code like this
h2.Index-gallery-item-content-heading { font-size: 30px; color: #f1f; }  

Header button, change this URL
#contact to
/#contact With second cta, which button are you referring to?

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

 

To achieve Page Content Only, Exclude Footer, use this CSS code
/* Apply padding to all Line blocks */ #page article .sqs-block-horizontalrule { padding-top: 10px !important; padding-bottom: 10px !important; }  

You can use this to Website > Website Tools > Custom CSS
/* Summary title */ a.summary-title-link { font-size: 38px !important; }  

Use this new code for Rodeo page
@media screen and (max-width:767px) { div#page-65d295500d3ab3468b02453f>.row:nth-child(n+2) { column-count: 2; column-gap: 0px; } }  

Use this code to bottom of Code Injection > Footer
<script> $(document).ready(function(){ $("article section:first-child").append('<div id="brush"></div>'); }); </script>

You can use this code to Website > Website Tools > Custom CSS
div.header-nav-item>a:hover { font-weight: bold !important; } .header-nav-folder-content { background-color: gray !important; }  

Password is incorrect

Keep Shop Now button then add this code to Custom CSS box, the code will hide button + turn button link to image link
section[data-section-id="65e08a2615ebd7100f986d8a"] { li.list-item { position: relative; } .list-item-content__button-container { position: static; } .user-items-list-carousel .list-item-content__button-container a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; color: transparent !important; background-color: transparent !important; border: none !important; } .user-items-list-carousel .list-item-content__button-container { position: static !important; transform: unset !important; } a.list-item-content__button.sqs-block-button-element:before { visibility: hidden; } .user-items-list-carousel__slide { pointer-events: initial !important; user-select: unset !important; } .user-items-list-carousel__gutter { cursor: pointer; } .list-item-content--hidden { display: block !important; }}  

You can use this code to Website > Website Tools > Custom CSS
 
@media screen and (max-width:767px) { body.homepage svg.mobile-arrow-icon { display: none; } body.homepage .user-items-list-banner-slideshow__arrow-icon-background.mobile-arrow-icon-background-area { width: 20px !important; height: 20px !important; bottom: 0 !important; background-color: transparent !important; border: 1px solid white !important; } body.homepage .mobile-arrows { bottom: 0px !important; } }  

With Custom CSS, the code format will be like this
id/class name { CSS value; } Code Injection Header/Footer, the code format will be like this
<style> CSS code </style> or
<script> JS code </script> or
<link rel="stylesheet" href="url" /> With <style>, usually add to Code Injection Header
<script> will be Code Injection Footer
(but you insert it in Header or Footer, it will also run)
With Contact Page, add this code to Contact Page Header Code Injection
<style> header#header a.icon[href*="contact"] { display: none !important; } </style>

You can use this code to Website Tools > Custom CSS
 
span.header-nav-folder-item-content { background-position: 0 20px !important; }
 

Try this code to Website Tools > Custom CSS
/* Course - mobile - video */ @media screen and (max-width:767px) { .course-item__lesson-content .course-item__video-container { height: 250px !important; min-height: unset !important; } }  

To hide nav on mobile, use this code to Website > Website Tools > Custom CSS
@media screen and (max-width:767px) { .header-nav, .header-burger { display: none !important; } }  

You can use this CSS code
.header-nav-folder-content { left: 0 !important; right: unset !important; margin-left: -1em; }

You can use this code to Website > Website Tools > Custom CSS
body.homepage header#header, body.homepage .header-background-solid { background-color: #000 !important; } body.homepage div.header-nav-item>a { color: #f1f !important; }

Use a code like this
.blog-excerpt-wrapper { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } If you mean this page https://lisagaron.com/blog

First, make text $750 bold
Next, use this code to Website > Website Tools > Custom CSS
.list-item-content__description p strong { font-weight: normal; text-decoration: line-through; } result

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); }  

Can you share site url? We can check easier

Sorry, misread your questions, to add X icon, use this CSS code
.menu-open + #headerWrapper nav#mobileMenuLink ul>li>a:after { content: "\e01a"; }

Have you tried adding an Image Bock
then add a Text Block Join Now over it
?

I guess you should see this option