ABBASSARE L'ALTEZZA DEL LOGIN
Serve quando avete un header a zero quindi state utilizzando solo la stiky bar
All'inizio della pagina inserire sempre un separatore e provare i risultati se il login viene o meno coperto dal menù
Il codice va inserito in proprietà della pagina dove si trova il login prima della chiusura del tag HEAD
Aumentando o diminuendo Margin e Padding potete regolarvi la vostra posizione sul front-end
CODICE proprietà della pagina | ||
<style> #imLoginDescription {margin-top: 225px;} </style> | ||
OPPURE proprietà della pagina | ||
<style> #imLoginPage { padding-top: 200px !important; } </style> |
ABBASSARE L'ALTEZZA DEL CARRELLO
Serve quando avete un header a zero quindi state utilizzando solo la stiky bar
Ove servisse All'inizio della pagina inserire sempre un separatore e provare i risultati sul front-end
Il codice va inserito in proprietà della pagina SPECIALE carrello prima della chiusura del tag HEAD
CODICE | ||
<style> #im-cartsearch-container {margin-top:210px !important} </style> <style> #imCartContainer {margin-top:210px !important} </style> OPPURE <style> #imContent { padding-top: 130px !important; } </style> OPPURE <style> /* Spaziatura dinamica del contenuto principale check-out*/ #imContent { padding-block-start: clamp(100px, 10vh, 180px); box-sizing: border-box; } /* Nascondi in modo completo e sicuro l'intestazione del carrello */ .cart-header { display: none !important; visibility: hidden; height: 0; overflow: hidden; position: absolute; pointer-events: none; } </style> |
ABBASSARE L'ALTEZZA DELLA SIDE BAR DEL BLOG (Blocchi)
utile per chi, ad esempio, intende mettere una immagine tra header e contenuti del blog
CODICE per contenuti e blocchi | ||
<style> #imContent { padding-top: 150px !important; } #imBlogSidebar { padding-top: 70px !important; } </style> |
INSERIRE UNA IMMAGINE DI TESTA PER IL BLOG
Il path dove si trova l'immagine va sostituita con la vostra
Esempio: https://www.miositoprova.it/images/immagineblog.jpg
CODICE in proprietà pagine speciali Blog:principale | ||
<script> $( document ).ready(function() { //K>; /** immagine extra x corpo del blog responsive by KolAsim **/ imgK = 'https://www.templatewebdesign.it/images/banner.jpg' divK = '<div id = "divK" style = "position:relative;z-index:0;left:0px;'+ 'width:100%;height:auto;background-color:rgb(253,245,155);">'+ '<img src = " '+ imgK+' " width="100%"></div>'; $("#imBlogPage").prepend(divK); }); //K<<; </script> |
CATEGORIE PER PRIME SUI CELLULARI
Per avere queste impostazioni:
- Il primo blocco deve contenere una immagine
- il secondo blocco deve contenere le categorie
CODICE in proprietà pagine speciali Blog:principale | ||
<script> $(document).ready(function(){//K>; /** --- sposta box Blog x WSx5 by KolAsim --- **/ styleK='<style> @media(max-width:599px) and (min-width:360px) {'+ ' #filtraK2 { display:none !important} '+ '#filtraK { display:block !important}} </style>'; filtra_K='<div id = "filtraK" style="display:none"> </div>'; $("head").append(styleK); //------------------------------K setTimeout(function(){ //K1>; $("#imBlogBlock1").wrap('<div id = "filtraK2"></div>') $("#imBlogContent").prepend(filtra_K) $("#imBlogBlock1").clone().appendTo("#filtraK") }, 2000); //K1<<; }); //K<<; </script> |
ALLARGARE LA LARGHEZZA DEI COMMENTI
Capita a volte che nei cellulari la visualizzazione dei commenti appaia distorta o non perfettamente allineata con un sormonta-mento tra la recensione e il nome dell'autore.
In quel caso agire come segue:
- NELLA PROPRIETÀ DELLA PAGINA OVE E' INSERITO IL COMMENTO ANDARE AL PASSO 3
- FARE DOPPIO CLICK SULLA PAGINA CONTENENTE IL MODULO RECENSIONI
- ANDARE IN PROPRIETÀ E POI SU CODICE
- PRIMA DELLA CHIUSURA DEL TAG HEAD INSERIRE IL CODICE RIPORTATO ALLA VOSTRA DESTRA ►
CODICE in proprietà pagina | ||
<style>.topic-comment-info {min-width: 80px !important;}</style> |
ALLARGARE LA LARGHEZZA DEL CARRELLO
Capita a volte che abbiamo bisogno di allargarci un po la barra del carrello. Procedere come segue:
- NELLA PROPRIETÀ DELLA PAGINA speciali in "ricerca" PASSO 3
- FARE DOPPIO CLICK SULLA PAGINA CARRELLO RICERCA
- ANDARE IN PROPRIETÀ E POI SU CODICE
- PRIMA DELLA CHIUSURA DEL TAG HEAD INSERIRE IL CODICE RIPORTATO ALLA VOSTRA DESTRA ►
CODICE in proprietà pagina | ||
<style> #im-cartsearch-container .filter-sidebar { transition: opacity 1s ease; min-width: 400px !important; max-width: 400px !important; width: 100%; } </style> |
CENTRARE IL TESTO SU PORTFOLIO
Per centrare il testo sull'oggetto in questione Procedere come segue:
- VAI AL PASSO 3
- FARE DOPPIO CLICK SULLA PAGINA DOVE HAI IL PORTFOLIO
- ANDARE IN PROPRIETÀ E POI SU CODICE
- PRIMA DELLA CHIUSURA DEL TAG HEAD INSERIRE IL CODICE RIPORTATO ALLA VOSTRA DESTRA ►
CODICE in proprietà pagina | ||
<style> .portfolio__card__bottom-bar__title { width: 100%; text-align:center!important; } </style> |