Effetto su testo da togliere

[6/7ZOGGI]

Buongiorno, se qualcuno che gentile mi spiegasse , come rimuovere un effetto, che si crea col passaggio del mouse sul testo del menu'.
Sembra una banalità, ma il template lo preso da internet per pochi euro, ma ho scoperto che è privo di assistenza e allora devo arrangiarmi, ma non sono ancora così bravo.
Io ho una pagina prova dove ho caricato il template che e' questa www.fotofini.altervista.org
E l'effetto da togliere e' nel MENU' ... praticamente quando ci si passa sopra col mouse si crea e compare una barretta diagonale. Ecco devo toglierla oppure mettere che quando ci si va sopra col mouse il testo si sottolinei, che mi sembra molto più bello . Devo essere sincero che l'ho pagato poco quindi non mi aspetto molto , ma chi mi potrà aiutare ne sarò veramente grato.

[KillerWorm]

Ciao, puoi risolvere abbastanza facilmente.

Quell'effetto è dato da una regola che sta nel file style.css dentro la cartella css.

Puoi modificare direttamente questo file. Magari tieni sempre una copia di backup prima di qualsiasi modifica.

Apri quel file con un editor; è sufficiente il blocco note se non hai altri editor.

Vai alla riga 591 oppure cerca questa riga .main-menu ul li a:after dove è definita questa regola:

.main-menu ul li a:after {
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	background: #fff;
	left: 50%;
	top: 26px;
	margin-left: -17px;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	opacity: 0;
	-webkit-transform-origin: top center;
	    -ms-transform-origin: top center;
	        transform-origin: top center;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

Rimuovi le parti che segno in rosso e modifica il valore della proprietà top che evidenzio:

.main-menu ul li a:after {
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	background: #fff;
	left: 50%;
	top: 26px;
	margin-left: -17px;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	opacity: 0;
	-webkit-transform-origin: top center;
	    -ms-transform-origin: top center;
	        transform-origin: top center;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

Dovrai ottenere questo:

.main-menu ul li a:after {
	position: absolute;
	content: '';
	width: 0;
	height: 2px;
	background: #fff;
	left: 50%;
	top: calc(50% + .7em);
	margin-left: -17px;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}

In questo modo quella barretta diagonale risulterà orizzontale sotto le voci del menu.

Vedi se può andare bene così, fai sapere

[6/7ZOGGI]

Bellissimo , dopo 2 giorni di prove, che non mi riusciva (per un errore mio ) adesso funziona, alla grande ,,, sono in debito , grazie mille KW