tuanphan

Use this new code /* resume header black */ body#collection-621915d90bde34477a959599 { header.Header.Header--bottom.Header--overlay a { color: black !important; } .Header-social use.SocialLinks-link-icon { fill: black !important; } }

You mean "Thank you for reaching out.." text?

Try adding to Design > Custom CSS @media screen and (max-width:991px) { .header-display-desktop { display: flex !important; } .header-display-mobile { display: none; } .header-burger { display: none; } .header-nav { display: flex !important; } .header-nav { display: flex !important; flex: 70% !important; justify-content: flex-end; } .header-title { flex: 30% !important; max-width: unset !important; } }

Can you share link to page where you added carousel? We can help easier

Hi. Can you explain in more clearly? It looks fine to me

You mean Each slide image >> Logo, button will link to different url?

#1. You solve? #2. Use this CSS (Design > Custom CSS) div.tagcloud-block { padding-top: 5px; padding-bottom: 5px; }

Not possible to do this. Or you will need to add code on each post, to add pagination manually. What do you think?

Yes. Possible. Can you share link to shop page on your site? We can check & give the code to create effect easier

Add to Design > Custom CSS .user-items-list { padding-top: 1vmax !important; }

Use this CSS .grid-main-meta * { font-family: 'mainfont' !important; }

Hi. Have you found the solution yet?

Hi. It looks like you fixed it?

Try adding to Design > Custom CSS .user-items-list-item-container[data-section-id="6208634f12e07a50b7cf5fd6"] * { font-family: 'butterbrotpapier' !important; } -- not related but it looks like the font url in your code doesn't exist. You should check it again in the code @font-face { font-family: 'butterbrotpapier'; src: url(this element is font file url); }

Add a COde Block > Paste this code <link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet"> <div class="tcontainer"> <div class="text-container"> <p class="static-text">Hi, I'm a</p> <ul class="dynamic-text"> <li class="item">web developer</li> <li class="item">mobile developer</li> <li class="item">UX/UI desiger</li> <li class="item">content creator</li> <li class="item">professor</li> </ul> </div> </div> <style> .tcontainer { width: 100%; } .text-container { width: 520px; font-size: 40px; height: 50px; font-family: Montserrat; } .dynamic-text, .static-text { display: inline-block; } .static-text { margin-right: 10px; color: #41D3BD; } .dynamic-text { list-style: none; position: absolute; overflow: hidden; height: 50px; } .item { position: relative; top: 0; animation: move 5s infinite 1s; } .item:first-child { color: #01BAEF; } .item:nth-child(2) { color: #F79256; } .item:nth-child(3) { color: #0FA3B1; } .item:nth-child(4) { color: #FE5F55; } .item:nth-child(5) { color: #B0DB43; } @keyframes move { 0% { top: 0px; } 20% { top: -50px; } 40% { top: -96px; } 60% { top: -146px; } 80% { top: -196px; } } .signature { color: #85A9C1; font-family: Roboto, sans-serif; padding-top: 75px; } .signature__name { transition: 0.5s; color: #6E8CA0; text-decoration: none; } .signature__name:hover { color: #1E6583; text-decoration: underline; transition: 0.5s; } .svg-icon { width: 1em; height: 1em; animation: pulse-animation 0.5s alternate infinite; fill: #BA2632; } @keyframes pulse-animation { to { transform: scale(1.2); } } </style>

First, add this line into Settings > Advanced > Code Injection > Header (If you use a Personal Plan, you can edit Site Footer > Add a Code Block > Paste the code) <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" integrity="sha384-vp86vTRFVJgpjF9jiIGPEEqYqlDwgyBgEF109VFjmqGmIY/Y4HV4d3Gp2irVfcrp" crossorigin="anonymous"> Next, add a Code Block under each people > Paste this code <a href="https://twitter.com/debranipp"> <i class="fab fa-twitter"></i> </a> Replace with coressponding url on each people

Add to Design > Custom CSS /* Mobile-Homepage-Stacked Collage images */ @media screen and (max-width:767px) { body.homepage .design-layout-collage .intrinsic { width: 100% !important; } body.homepage .design-layout-collage figcaption.image-card-wrapper { width: 100% !important; margin-top: 10px !important; } }

Add to Design > Custom CSS /* hide reading time from list view */ body.view-list .reading-time { display: none; }

Hi, The url doesn't work. Can you check it again? Have you tried List Section Slideshow? Or we can achieve it with Gallery Section Slideshow. Do you still need help?

You mean make it next to burger on mobile? This will require JavaScript code. If you use a Business Plan or higher, let me know, We will test some code

Highlight your text link > Click link icon >> Enter link > Save

Add to Design > Custom CSS /* related products 4 items */ .ProductItem .ProductItem-additional+section .grid-item:nth-child(n+5) { display: none; }

Can you share link to a product? We can check it easier

Not yet. Haven't been feeling well lately. Have you solved all or still need help?

Some feedbacks, (I will update code to fix later) 1. (Mobile/Tablet – Header) The logo color is the same as the background color, it is difficult to see. https://www.mattrutherford.co.uk/ Add to Design > Custom CSS @media screen and (max-width: 991px) { header#site-header .logo-image{ filter: invert(1); -webkit-filter: invert(1); } } 2. (Mobile – Menu) Button overlap text. https://www.mattrutherford.co.uk/ Use this CSS @media screen and (max-width: 767px) { #site-header .header-actions { padding-bottom: 80px !important; } #site-header nav.header-nav { padding-top: 20px !important; } }