tuanphan

With mobile, edit this code to this new code
<style> /* hide items on mobile */ [data-folder="root"]>div:first-child>div:first-child>div:nth-child(1), [data-folder="root"]>div:first-child>div:first-child>div:nth-child(2), [data-folder="root"]>div:first-child>div:first-child>div:nth-child(3), [data-folder="root"]>div:first-child>div:first-child>div:nth-child(4), [data-folder="root"]>div:first-child>div:first-child>div:nth-child(5) { display: none !important; } </style>  

I think this is not possible

Add this code to Last Line in Code Injection > Footer
<script> $(document).ready(function(){ var EventItemTitle = $('.eventitem-title').text(); $('.header-nav').append('<span>'+EventItemTitle+'<span>'); });</script> <style> div.header-nav>span { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: #ebdec4; text-transform: uppercase; font-size: 2.2em; } h1.eventitem-title { display: none; } </style>

Try this id
div.form-block button
If it still doesn't work, you can share link to page in screenshot, we can check its id easier

Use this code
#page a:hover { font-style: italic; } #page a:hover span { color: #4ACA54 !important; }  

Add this line to top of Code Injection Footer code
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>  

Try this code to Website Tools > Custom CSS
div.list-section-title p { display: inline; background-color: #f1f; border-radius: 30px; padding-left: 10px; padding-right: 10px; }  

You can use this code to Website > Website Tools > Custom CSS
/* All devices */ .ProductItem-gallery-slides { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 5px 5px; } .ProductItem-gallery-slides:before { display: none; }

Hi,
I think you try set font again on Site Styles and check again

Use this code to Cover Page Header Code Injection
<style> div.form-title { display: none; } .form-inner-wrapper { max-width: 400px; } </style>  

You can change code to this to make it run on desktop only
@media screen and (min-width:992px) { #block-yui_3_17_2_1_1707432821850_197215 { transform: rotate(-90deg);} }  

You try using Classic Editor Section instead, the last problem won't appear

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>