modification du logo (taille et positionnement) dans un header.php (Créer un compte)

  • WordPress :5.5
  • Statut : non résolu
4 sujets de 1 à 4 (sur un total de 4)
  • Auteur
    Messages
  • #2370355
    riznogood
    Participant
    Initié WordPress
    2 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 5.6.2
    • Thème utilisé : Broxi
    • Extensions en place : contact form 7, elementor, redux, slider revolution,updraft plus, variation swatch for woocommerce, woocommerce, wpbingo core, yith woocommerce compare, yith woocommerce wishlist
    • Nom de l’hébergeur : localhost pour l’instant
    • Adresse du site : …

    Problème(s) rencontré(s) : Comme le titre l’indique je souhaiterais agrandir la taille de mon logo en largeur comme en longueur, et le centrer sur la colonne.

    Sur l’interface de customisation du template on peut changer de logo mais pas le modifier. Sur elementor et même avec elementor pro impossible d’avoir accès au “header”.

    J’ai contacté le sav du template qui m’indique le fichier en “.php” à modifier mais rien de plus. Quelqu’un pourrait il m’aider à résoudre ce problème, qui pour vous est certainement l’enfance de l’art mais qui pour moi revient à gravir l’Everest les yeux bandé et avec deux jambes de bois 😉

     

    Je vous remercie d’avance pour l’aide que vous voudrez bien m’accorder.

     

    voici le fichier header.php en question :

    	<?php 
    		$broxi_settings = broxi_global_settings();
    		$cart_style = broxi_get_config('cart-style','dropdown');
    		$show_minicart = (isset($broxi_settings['show-minicart']) && $broxi_settings['show-minicart']) ? ($broxi_settings['show-minicart']) : false;
    		$show_compare = (isset($broxi_settings['show-compare']) && $broxi_settings['show-compare']) ? ($broxi_settings['show-compare']) : false;
    		$enable_sticky_header = ( isset($broxi_settings['enable-sticky-header']) && $broxi_settings['enable-sticky-header'] ) ? ($broxi_settings['enable-sticky-header']) : false;
    		$show_searchform = (isset($broxi_settings['show-searchform']) && $broxi_settings['show-searchform']) ? ($broxi_settings['show-searchform']) : false;
    		$show_wishlist = (isset($broxi_settings['show-wishlist']) && $broxi_settings['show-wishlist']) ? ($broxi_settings['show-wishlist']) : false;
    		$show_currency = (isset($broxi_settings['show-currency']) && $broxi_settings['show-currency']) ? ($broxi_settings['show-currency']) : false;
    		$show_menutop = (isset($broxi_settings['show-menutop']) && $broxi_settings['show-menutop']) ? ($broxi_settings['show-menutop']) : false;
    	?>
    	<h1 class="bwp-title hide"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
    	<header id='bwp-header' class="bwp-header header-v2">
    		<?php if(isset($broxi_settings['show-header-top']) && $broxi_settings['show-header-top']){ ?>
    		<div id="bwp-topbar" class="topbar-v1 hidden-sm hidden-xs">
    			<div class="topbar-inner">
    				<div class="container">
    					<div class="row">
    						<div class="col-xl-6 col-lg-6 col-md-6 col-sm-6 topbar-left hidden-sm hidden-xs">
    							<?php if( isset($broxi_settings['ship']) && $broxi_settings['ship'] ) { ?>
    								<div class="ship">
    									<?php echo esc_html($broxi_settings['ship']); ?>
    								</div>
    							<?php } ?>
    						</div>
    						<div class="col-xl-6 col-lg-6 col-md-12 col-sm-12 col-12 topbar-right">
    							<?php if( isset($broxi_settings['email']) && $broxi_settings['email'] ) : ?>
    							<div class="email hidden-xs">
    								<i class="icon-mail"></i><a href="mailto:<?php echo esc_attr($broxi_settings['email']); ?>"><?php echo esc_html($broxi_settings['email']); ?></a>
    							</div>
    							<?php endif; ?>
    							<?php echo do_shortcode( "[social_link]" ) ?>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    		<?php } ?>
    		<?php if(($show_minicart || $show_wishlist || $show_compare || $show_searchform || is_active_sidebar('top-link')) && class_exists( 'WooCommerce' ) ){ ?>
    			<?php broxi_menu_mobile(true); ?>
    			<div class="header-desktop">
    				<div class='header-wrapper' data-sticky_header="<?php echo esc_attr($broxi_settings['enable-sticky-header']); ?>">
    					<div class="container">
    						<div class="row">
    							<div class="col-xl-2 col-lg-2 col-md-12 xol-12">
    								<?php broxi_header_logo(); ?>
    							</div>
    							<div class="col-xl-7 col-lg-7 col-md-12 col-sm-12 col-12 header-left">
    								<div class="header-search-form hidden-sm hidden-xs">
    									<!-- Begin Search -->
    									<?php if($show_searchform && class_exists( 'WooCommerce' )){ ?>
    										<?php get_template_part( 'search-form' ); ?>
    									<?php } ?>
    									<!-- End Search -->	
    								</div>
    							</div>
    							<div class="col-xl-3 col-lg-3 col-md-12 col-sm-12 col-12 header-right">
    								<div class="account">
    									<?php if (is_user_logged_in()) { ?>
    										<a href="<?php echo wp_logout_url( get_permalink( wc_get_page_id( 'myaccount' ) ) ); ?>"><i class="icon-logout"></i><?php echo esc_html__('Logout', 'broxi')?></a>
    									<?php }else{ ?>
    										<div class="active-login">
    											<h2><i class="icon-login"></i><?php echo esc_html__('Login', 'broxi')?></h2>
    										</div>
    									<?php } ?>
    								</div>
    								<div class="header-page-link">					
    									<?php if($show_wishlist && class_exists( 'YITH_WCWL' )){ ?>
    									<div class="wishlist-box">
    										<a href="<?php echo get_permalink( get_option('yith_wcwl_wishlist_page_id') ); ?>"><i class="icon-heart"></i></a>
    									</div>
    									<?php } ?>
    									<?php if($show_compare && class_exists( 'YITH_WOOCOMPARE' )){ ?>
    									<div class="compare-box hidden-sm hidden-xs">        
    										<a href="/?action=yith-woocompare-view-table&iframe=yes" class="yith-woocompare-open"><?php echo esc_html__('Compare', 'broxi')?></a>
    									</div>
    									<?php } ?>
    									<?php if($show_minicart && class_exists( 'WooCommerce' )){ ?>
    									<div class="broxi-topcart <?php echo esc_attr($cart_style); ?>">
    										<?php get_template_part( 'woocommerce/minicart-ajax' ); ?>
    									</div>
    									<?php } ?>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div><!-- End header-wrapper -->
    				<div class="header-bottom">
    					<div class="container">
    						<div class="content-header-bottom">
    							<div class="wpbingo-menu-mobile header-menu">
    								<div class="header-menu-bg">
    									<?php broxi_top_menu(); ?>
    								</div>
    							</div>
    							<?php if(( isset($broxi_settings['link-store']) && $broxi_settings['link-store'] ) || ( isset($broxi_settings['link-sale']) && $broxi_settings['link-sale'] )) : ?>
    							<div class="list-sale-store hidden-sm hidden-xs">
    								<a href="<?php echo esc_url($broxi_settings['link-sale']); ?>"><i class="icon-flash"></i><?php echo esc_html__('Flash Sale', 'broxi')?></a>
    								<a href="<?php echo esc_url($broxi_settings['link-store']); ?>"><i class="icon_pin_alt"></i><?php echo esc_html__('Our Store', 'broxi')?></a>
    							</div>
    							<?php endif ; ?>
    						</div>
    					</div>
    				</div>
    			</div>
    		<?php }else{ ?>
    			<?php broxi_menu_mobile(); ?>
    			<div class="header-desktop">
    				<div class="header-normal">
    					<div class='header-wrapper' data-sticky_header="<?php echo esc_attr($broxi_settings['enable-sticky-header']); ?>">
    						<div class="container">
    							<div class="row">
    								<div class="col-xl-3 col-lg-3 col-md-6 col-sm-6 col-6 header-left">
    									<?php broxi_header_logo(); ?>
    								</div>
    								<div class="col-xl-9 col-lg-9 col-md-6 col-sm-6 col-6 wpbingo-menu-mobile header-main">
    									<div class="header-menu-bg">
    										<?php broxi_top_menu(); ?>
    									</div>
    								</div>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    		<?php } ?>
    		<?php broxi_login_form(); ?>
    	</header><!-- End #bwp-header -->
    header.php

    • Ce sujet a été modifié le il y a 1 semaine et 5 jours par riznogood.
    • Ce sujet a été modifié le il y a 1 semaine et 5 jours par Flobogo. Raison: déplacé en rubrique "thèmes"
    #2370363
    ferman
    Participant
    Maître WordPress
    3720 contributions

    Bonjour,

    Vous avez un thème commercial. Il faut demander à leur support. Nous n’avons pas accès aux dossiers/fichiers du thème sauf  header .php mais les caractéristiques du logo  ne sont pas déterminées dans ce fichier qui se contente d’appeler “broxi logo”. Vous pouvez ajouter une image dans le header (en html) mais alors je pense que vous perdrez la possibilité d’agir depuis le tableau de bord du thème.

    Vous pouvez aussi modifier la taille du logo avec des CSS personnalisées. Si c’est comme pour la démo, vous pouvez essayer les CSS suivantes:

    Pour diminuer la taille et centrer

    .header-logo img, .mobileheader img{width:8em;
    display:block;
    margin-left:auto;
    margin-right:auto}

    Pour agrandir et centrer

    .header-logo img, .mobileheader img{max-width:200px!important;
    display:block;
    margin-left:auto;
    margin-right:auto}

    Autrement, pour pouvoir vous répondre il faudrait voir votre site.

    • Cette réponse a été modifiée le il y a 1 semaine et 5 jours par ferman.
    • Cette réponse a été modifiée le il y a 1 semaine et 5 jours par ferman.
    #2370377
    riznogood
    Participant
    Initié WordPress
    2 contributions

    je vous remercie beaucoup pour votre aide quant au sav… comment dire, il est à la masse et mon problème urge vraiment.

     

    Sans abuser comment fait on pour coller un css personnalisé qui puisse prendre le dessus sur le codage du dev de ce template.

    Je sais que dans l’éditeur de thème de wp on peut créer ou modifier du css mais j’avoue ne jamais avoir fait ce genre de choses monsieur le juge 😉

     

    merci d’avance et encore un trés grand merci pour le temps que vous m’accordez

    #2370378
    ferman
    Participant
    Maître WordPress
    3720 contributions

    Vous allez dans apparence ->personnaliser (customize)->CSS personnalisées (custom css) et là vous copiez-collez depuis ma réponse ci-dessus le deuxième code dans la fenêtre.

    Vous pouvez modifier la taille du logo en changeant les valeurs 8em (par ex: 7em) ou  200px (par ex: 250px).

     

4 sujets de 1 à 4 (sur un total de 4)
  • Vous devez être connecté pour répondre à ce sujet.