Few Problems with Appearence

Viewing 10 replies - 1 through 10 (of 10 total)
  • weblizar_support

    (@weblizar_support)

    9 years, 4 months ago

    Hello,

    Please give your site URL.

    Thread Starter trippindian

    (@trippindian)

    9 years, 4 months ago

    trippindian.com this is the site url.

    weblizar_support

    (@weblizar_support)

    9 years, 4 months ago

    1) For change the color(Greyish Blue color to white) of Footer Widget area and booking search box in the middle use below CSS –

    .enigma_footer_widget_area {
    background: #fff;
}
.enigma_footer_widget_column .textwidget {
    text-align: center;
}

    2) For increase width of sidebar and change the color of sidebar use the below CSS –

    .enigma_sidebar_widget {
    padding: 0px 5px 15px 5px;
}
.enigma_sidebar_widget_title {
    background: #931c46;
}
.enigma_sidebar_widget {
    border-left: 3px solid #931c46;
    border-right: 3px solid #931c46;
    border-bottom: 3px solid #931c46;
}
.enigma_sidebar_widget {
    box-shadow: 0 0 6px rgb(160, 59, 93);
}
    Thread Starter trippindian

    (@trippindian)

    9 years, 3 months ago

    Hi, Thanks for the reply the script for Footer Widget is working but the scrip for side bar widhet is not working.

    weblizar_support

    (@weblizar_support)

    9 years, 3 months ago

    If it’s not working then paste the below CSS at the bottom of the style.css

    .enigma_sidebar_widget {
    padding: 0px 5px 15px 5px;
}
.enigma_sidebar_widget_title {
    background: #931c46;
}
.enigma_sidebar_widget {
    border-left: 3px solid #931c46;
    border-right: 3px solid #931c46;
    border-bottom: 3px solid #931c46;
}
.enigma_sidebar_widget {
    box-shadow: 0 0 6px rgb(160, 59, 93);
}
    Thread Starter trippindian

    (@trippindian)

    9 years, 3 months ago

    Hi, This script is also not working
    .enigma_footer_widget_column .textwidget {
    text-align: center;
    }

    If I edit my style.css will it harm my website?

    weblizar_support

    (@weblizar_support)

    9 years, 3 months ago

    If your CSS is not working after adding it in custom CSS box then you can put it into the style.css and it’s not harmful for your website.

    Thread Starter trippindian

    (@trippindian)

    9 years, 3 months ago

    Hi, I was able to change the footer area colour to white but the widget is still alinged to the left. I want it in the center

    Here is the website link please check it https://trippindian.com/

    Thread Starter trippindian

    (@trippindian)

    9 years, 3 months ago

    I have pasted the script in style.css still i am not able to change the sidebar widget background colour and widht

    • This reply was modified 9 years, 3 months ago by trippindian.
    weblizar_support

    (@weblizar_support)

    9 years, 3 months ago

    Please,

    1) Open your enigma-parallax theme folder. Open footer.php See the code at line no 6

    <div class="row">
			<?php 
			if ( is_active_sidebar( 'footer-widget-area' ) ){ 
				dynamic_sidebar( 'footer-widget-area' );
			} else 
			{ 
			$args = array(
			'before_widget' => '<div class="col-md-3 col-sm-6 enigma_footer_widget_column">',
			'after_widget'  => '</div>',
			'before_title'  => '<div class="enigma_footer_widget_title">',
			'after_title'   => '<div class="enigma-footer-separator"></div></div>' );
			the_widget('WP_Widget_Pages', null, $args);			
			} ?>
		</div>

    replace this with the below code –

    <div class="row">
			<?php 
			if ( is_active_sidebar( 'footer-widget-area' ) ){ 
				dynamic_sidebar( 'footer-widget-area' );
			} else 
			{ 
			$args = array(
			'before_widget' => '<div class="col-md-12 col-sm-6 enigma_footer_widget_column">',
			'after_widget'  => '</div>',
			'before_title'  => '<div class="enigma_footer_widget_title">',
			'after_title'   => '<div class="enigma-footer-separator"></div></div>' );
			the_widget('WP_Widget_Pages', null, $args);			
			} ?>
		</div>

    2) In your enigma-parallax open function.php Go to line no 295 see the code –

    	register_sidebar( array(
			'name' => __( 'Footer Widget Area', 'enigma-parallax' ),
			'id' => 'footer-widget-area',
			'description' => __( 'footer widget area', 'enigma-parallax' ),
			'before_widget' => '<div class="col-md-3 col-sm-6 enigma_footer_widget_column">',
			'after_widget' => '</div>',
			'before_title' => '<div class="enigma_footer_widget_title">',
			'after_title' => '<div class="enigma-footer-separator"></div></div>',
		) );

    replace this code with the below code –

    	register_sidebar( array(
			'name' => __( 'Footer Widget Area', 'enigma-parallax' ),
			'id' => 'footer-widget-area',
			'description' => __( 'footer widget area', 'enigma-parallax' ),
			'before_widget' => '<div class="col-md-12 col-sm-6 enigma_footer_widget_column">',
			'after_widget' => '</div>',
			'before_title' => '<div class="enigma_footer_widget_title">',
			'after_title' => '<div class="enigma-footer-separator"></div></div>',
		) );

    Hope this will helps you.

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Few Problems with Appearence’ is closed to new replies.