buongiorno a tutto il forum,

sono un novello, conosco poco css e sto cercando di creare una classe personalizzata per un componente di tipo box con le etichette (che a seconda dell'etichetta selezioni, fa vedere un riquadro diverso con relativo testo) il codice css è questo:

.su-tabs {    margin: 0 0 1.5em 0;    padding: 3px;    -webkit-border-radius: 3px;    -moz-border-radius: 3px;    border-radius: 3px;    background: #eee;}.su-tabs-nav span {    display: inline-block;    margin-right: 3px;    padding: 10px 15px;    font-size: 13px;    min-height: 40px;    line-height: 20px;    -webkit-border-top-left-radius: 3px;    -moz-border-radius-topleft: 3px;    border-top-left-radius: 3px;    -webkit-border-top-right-radius: 3px;    -moz-border-radius-topright: 3px;    border-top-right-radius: 3px;    color: #333;    cursor: pointer;    -webkit-transition: all .2s;    -moz-transition: all .2s;    -o-transition: all .2s;    transition: all .2s;}.su-tabs-nav span:hover { background: #f5f5f5; }.su-tabs-nav span.su-tabs-current { background: #fff; cursor: default; }.su-tabs-nav span.su-tabs-disabled {    opacity: 0.5;    filter: alpha(opacity=50);    cursor: default;}.su-tabs-pane {    padding: 15px;    font-size: 13px;    -webkit-border-bottom-right-radius: 3px;    -moz-border-radius-bottomright: 3px;    border-bottom-right-radius: 3px;    -webkit-border-bottom-left-radius: 3px;    -moz-border-radius-bottomleft: 3px;    border-bottom-left-radius: 3px;    background:;    color:;}.su-tabs-vertical:before,.su-tabs-vertical:after {    content: " ";    display: table;}.su-tabs-vertical:after { clear: both; }.su-tabs-vertical .su-tabs-nav {    float: left;    width: 30%;}.su-tabs-vertical .su-tabs-nav span {    display: block;    margin-right: 0;    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;    -webkit-border-top-left-radius: 3px;    -moz-border-radius-topleft: 3px;    border-top-left-radius: 3px;    -webkit-border-bottom-left-radius: 3px;    -moz-border-radius-bottomleft: 3px;    border-bottom-left-radius: 3px;}.su-tabs-vertical .su-tabs-panes {    float: left;    width: 70%;}.su-tabs-vertical .su-tabs-pane {    -webkit-border-radius: 0;    -moz-border-radius: 0;    border-radius: 0;    -webkit-border-top-right-radius: 3px;    -webkit-border-bottom-right-radius: 3px;    -moz-border-radius-topright: 3px;    -moz-border-radius-bottomright: 3px;    border-top-right-radius: 3px;    border-bottom-right-radius: 3px;}.su-tabs-nav,.su-tabs-nav span,.su-tabs-panes,.su-tabs-pane {    -webkit-box-sizing: border-box !important;    -moz-box-sizing: border-box !important;    box-sizing: border-box !important;}/* Styles for screens that are less than 768px */@media only screen and (max-width: 768px) {    .su-tabs-nav span { display: block; }    .su-tabs-vertical .su-tabs-nav {        float: none;        width: auto;    }    .su-tabs-vertical .su-tabs-panes {        float: none;        width: auto;    }}

di fondo voglio lasciare il colore per le etichette non attive, per l'etichetta attiva il colore rosso vivido #ff4209 quindi nella sezione css personalizzato ho creato questa classe:

.su-tabs.red {    margin: 0 0 1.5em 0;
    padding: 0px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: none;
}
.su-tabs.red .su-tabs-nav {
    background:;
    cursor: default;
}
.su-tabs.red .su-tabs-nav span:hover { background: #ffb39c; }
.su-tabs.red .su-tabs-nav span.su-tabs-current { 
    background:;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    color:#ffffff;
    cursor: default;
}

e fin qui tutto ok, ora vorrei che tutte le tabs che non hanno la classe su-tabs-current abbiano un colore diverso in modo da dare lo stesso effetto visivo del curent con il suo colore.

Grazie per chi mi saprà dare una risposta.

Il link per vedere la pagina è assicurazioni-on-line.org/assicurazione-auto/

Buongiorno,

Sono un intermediario assicurativo e il mio provider per la comparazione (facile) mi ha fornito questo sito web: assicurazioniauto.roma.it a cui avevo accesso da un semplice backend dove potevo solo modificare il contenuto delle pagine (tipo wix per i siti html) e non accetta tag html (attualmente, non so per quale strano motivo, non è più accessibile da amministrazione).

Volevo comprendere se c'è un modo per monitorare il traffico e soprattutto le azioni dell'utente, cioè comprendere quanta gente visita il sito, quali pagine e se portano a termine una azione come atterrare nella pagina preventivi auto, vedere a quale punto delle tre pagine del form si interrompono (qual'ora non portano a termine l'azione del preventivo) e quante arrivano alla fine senza chiedere un appuntamento (io dal mio portale intermediario vedo solo i clienti che alla fine del preventivo cliccano su una azione: fatti chiamare o fissare un appuntamento, se non fanno quell'azione, non vedo i preventivi generati purtroppo).

Avete soluzioni? E' abbastanza urgente, sto lanciando una campagna ads e volevo comprendere la dinamica!

tra l'altro, cercando con filesseek tutti i file di wp, non trovo da nessuna parte la parola vantage_main_top se non nel file header.php e seo.php, a cosa fa riferimento la action?

all'header.php mi hanno fatto aggiungere in fondo

<?php if ( !is_page( 5657 )) { do_action( 'vantage_main_top' ); } ?>

e il numero di pagina l'ho preso dalla url che appare mettendo il mouse sopra alla pagina (da wp sotto a tutte le pagine).

così facendo sparisce header e footer.

Salvatore, come posso eliminarlo da css o creare una classe tipo no-menu da richiamare all'uopo? non capisco dove inserire display:none

Per Lorenzo, i vari tool on line, come già premesso, non erano minimamente soddisfacenti, e se sapevo replicare in html il mio template, di certo non eravamo qui a discuterne

Buongiorno,

sto uscendo pazzo perché per la realizzazione di una landing page (sia ii tool on line che i plugin di wordpress non mi hanno soddisfatto) non riesco a comprendere come togliere il menù da una pagina specifica (per esempio in Joomla era possibile specificare in quali pagine far vedere o meno il menù).

Ho provato a fare funzioni con if is_page con scarsi risultati, qualcuno ha idee e suggerimenti in merito? Il sito è assicurazioni-on-line.org/assicurazione-auto-non-scende-mai-ecco-la-soluzione/ uso un tema child di Vantage Origin, ho provato nell'header.php a togliere il div class="full-container" (che è la classe del menù, o almeno con ispeziona elemento è quello) con il risultato di perdere la impaginazione grafica dell'header e footer (non si vedono le strisce rosso-arancioni).

Trovo piacevole l'uso di WP per cose semplici ma la comunity è poco attiva e le guide trovate sono per lo più sponsorizzazioni commerciali (per fare questo usa questo plug-in con ste caratteristiche, se non riesci, lo faccio di mestiere <== la sostanza di molti blog-"guide") mi mancano le guide all'uso passo dopo passo della community di Joomla e rifare tutto il sito sarebbe un suicidio per me! (non lo uso dalla versione 1.5 ...)

Ciao a tutti,

sono il titolare di uno studi di brokeraggio assicurativo, sempre molto attento ai cambiamenti e all'innovazione nel settore in cui opero (nel 2013 sono stato il primo a produrre una polizza per l'obbligo assicurativo per i dispositivi di firma elettronica avanzata, uando tutto il mercato assicurativo non sapeva nemmeno di cosa si parlasse).

Curo personalmente il mio sito principale e dal 98 ho la passione per la realizzazione di siti web (eh si, ho iniziato usando il famoso notepad :D)