Risultati della ricerca per 'Divi wordpress background'
-
-
Ciao a tutti sono nuovo del forum e spero di aver postato nella sezione corretta. Sono qui per chiedervi gentilente aiuto per una modifica piuttosto banale al menù.
Il menù e composto cosi
HOME | CHI SIAMO | SERVIZI | CONTATTISERVIZI
– 1 SERVIZIO
– 2 SERVIZIO
– 3 SERVIZIO
– 4 SERVIZIOIo semplicemente vorrei cambiare colore alla prima e alla terza voce del menù a tendina e alla seconda e alla quarta. Il colore di sfondo e quello del testo cosi come segue:
SERVIZI
– 1 SERVIZIO Sfondo nero, testo bianco
– 2 SERVIZIO Sfondo grigio, testo bianco
– 3 SERVIZIO Sfondo nero, testo bianco
– 4 SERVIZIO Sfondo grigio, testo biancoAll’inizio ho esaminato il codice html ed individuato l’ID dei vari elementi,
#menu-item-4810 {
background-color: valore;
coor: valore;
}Ma purtroppo mi cambiava solo il contorno del testo. Ho provato anche ad assegnare una classe ad ogni voce di menù (ad esampio ciaociao)
.ciaociao {
background-color: #ffffff;
color: #000000;
}ma non succedo nulla. La classe è assegnata correttamente perchè se digito
display: none; la prima voce scompare. non capisco perchè non mi cambia lo sfondo e il colore del testo,IL TEMA UTILIZZATO è
theme51127 More Details and Demo
Version:3.1.2
Author:Template_Help.com
Parent Theme:CherryFramework
Child Theme
Description:A theme for WordPress 3.8.xSTRUTTURA HTML
<li id=”menu-item-4931″ class=”menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children”>
<ul class=”sub-menu” style=”visibility: hidden; display: none;”>
<li id=”menu-item-4810″ class=”ciaociao menu-item menu-item-type-post_type menu-item-object-page”>1 servizi
<li id=”menu-item-4830″ class=”menu-item menu-item-type-post_type menu-item-object-page”>2 servizi
<li id=”menu-item-4825″ class=”menu-item menu-item-type-post_type menu-item-object-page”>3 servizi
<li id=”menu-item-4837″ class=”menu-item menu-item-type-post_type menu-item-object-page”>4 serviziGrazie mille per l’aiuto che mi darete
-
Salve a tutti.
Ho creato un carousel in bootstrap che vorrei aggiungere nell’header.php del mio child theme di wordpress.
ecco qui il codice:<!-- Main Bar --> <?php if (is_front_page()) { ?> <!-- Full Page Image Background Carousel Header --> <?php echo esc_url( get_template_directory_uri() . '/js/jquery.js' ); ?> <header id="PPA-Carousel" class="carousel slide"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#PPA-Carousel" data-slide-to="0" class="active"></li> <li data-target="#PPA-Carousel" data-slide-to="1"></li> </ol> <!-- Wrapper for Slides --> <div class="carousel-inner"> <div class="item active"> <!-- Set the first background image using inline CSS below. --> <div class="fill" style="background-image:url('http://www.progettiperarduino.it/wp-content/uploads/2016/07/index.jpg');"></div> <div class="carousel-caption"> <div class="bkjb"> <h1 >Progetti Per Arduino</h1> <center><img src="http://www.progettiperarduino.it/wp-content/uploads/2016/07/rsz_ppa_logo-05.png" class="img-responsive" alt="Progetti Per Arduino"></center> <h2>Crea, Pubblica e Condividi i tuoi progetti per Arduino</h2> <a title="" href="http://www.progettiperarduino.it/about/" class="vc_general vc_btn3 vc_btn3-size-md vc_btn3-shape-rounded vc_btn3-style-classic vc_btn3-color-grey">Progetti</a> </div> </div> </div> <div class="item"> <!-- Set the second background image using inline CSS below. --> <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide Two');"></div> <div class="carousel-caption"> <h2>Caption 2</h2> </div> </div> </div> <!-- Controls --> <a class="left carousel-control" href="#PPA-Carousel" data-slide="prev"> <span class="icon-prev"></span> </a> <a class="right carousel-control" href="#PPA-Carousel" data-slide="next"> <span class="icon-next"></span> </a> </header> <!-- Script to Activate the Carousel --> <script> $('.carousel').carousel({ interval: 4000 //changes the speed }) </script>Ho provato a seguire quest guida senza nessun risulto
GuidaHo anche provato a caricare il framework nella cartella del theme utilizzando i link alle librerie:
<link href="css/bootstrap.min.css" rel="stylesheet">
e` <!– jQuery –>
<script src=”js/jquery.js”></script><!– Bootstrap Core JavaScript –>
<script src=”js/bootstrap.min.js”></script><!– Script to Activate the Carousel –>`
mettendo gli opportuni link..
Dove sbagglio?
A me serve solo per inserire questo carousel all’interno del theme.
-
