How to change background color

Hi,

Go to Dashboard Admin Panel >> Appearance Menu >> Theme Options >>

Custom CSS.

Now write given below CSS rules into custom CSS box:

.copyright_info {
background: none repeat scroll 0 0 #333;
}

Save the changes.

Thanks.

Worked like a charm, thanks!

Now on my homepage how do I get rid of the hairpin line between the picture at the bottom and the actual .copyright_info?

https://www.poulosenergy.com

I tried deleting this portion of code <div class=”clearfix divider_dashed10″></div> however it then just left a straight line.

Thoughts?

Hi NickNack27

Thanks for using our theme.

Can you share us screenshot of your issue.

By the way your site site is working and nice customization.

Thanks

On my home page at the very bottom, there is a picture above the footer bar. Here is what I have:

<p align=”center”><img src=”https://www.poulosenergy.com/wp-content/uploads/2015/04/Oil-Scene.png&#8221; class=”img-responsive” align=”middle”></p>
<div class=”clearfix”></div>
<div class=”copyright_info”>
<div class=”container”>

I removed the dashed like, however the gap did not go away. I believe it is a margin feature under a .footer or something along those lines. I’m just unfamiliar as to how to change that. Any ideas?

By the way, thanks on the complement and for your theme. The theme works great!

Hi,

Which version you are using.

Thanks

isn’t that line in the picture? Looks like it to me.

I pulled it up to edit the picture by itself and I don’t believe the line is with it. Either way, one way to resolve the issue would be to expand the footer up a couple pixels and that would overlap the picture? Just a thought.

weblizar_support, I am using the latest version however I am having to modify it a bit to keep my website doing what I want it to.

Hi NickNack

Can describe you footer image issue in details with screenshot.
I can’t figure out ?

Thanks

Sure can… So to start, here is all my code I have for my footer:

<p align=”center”><img src=”https://www.poulosenergy.com/wp-content/uploads/2015/04/Oil-Scene.png&#8221; class=”img-responsive” align=”middle”></p>
<div class=”clearfix”></div>
<div class=”copyright_info”>
<div class=”container”>
<div class=”clearfix divider_divider” style= #333></div>
<?php $wl_theme_options = weblizar_get_options(); ?>

<center><div class=”left”>
<style type=”text/css”>
ul {list-style-type: none;}
ul li {display: inline; }
</style>

<div class=”qlinks”>
• <?php _e(‘Home’,gr_td); ?>

&#124

• <?php _e(‘Oil&Gas’,gr_td); ?>

&#124

• <?php _e(‘Wind Power’,gr_td); ?>

&#124

• <?php _e(‘Lighting’,gr_td); ?>

&#124

• <?php _e(‘Work Truck’,gr_td); ?>

&#124

• <?php _e(‘About-us’,gr_td); ?>

&#124

• <?php _e(‘Contact -Us’,gr_td); ?>

</div>

</div><center>
<center><div class=”left”>
Copyright @ 2015 Poulos
</div><center>
</div>
</div>
</div><!– end copyright info –>
<?php _e(‘Scroll’,’weblizar’);?><!– end scroll to top of the page–>
</div> <!– end of header wrapper div –>
<?php wp_footer(); ?>
<?php if(isset($wl_theme_options[‘custom_css’])) { ?>
<style type=”text/css”><?php echo esc_attr($wl_theme_options[‘custom_css’]); ?></style>
<?php } ?>
</body>
</html>

I’m sure there is an easier way to write code, but this is my first website and it works. so whoop whoop!

Anyways, below is the code where I am seeing the issue,

<p align=”center”><img src=”https://www.poulosenergy.com/wp-content/uploads/2015/04/Oil-Scene.png&#8221; class=”img-responsive” align=”middle”></p>
<div class=”clearfix”></div>
<div class=”copyright_info”>
<div class=”container”>
<div class=”clearfix divider_divider” style= #333></div>
<?php $wl_theme_options = weblizar_get_options(); ?>

between the <img src=”https://www.poulosenergy.com/wp-content/uploads/2015/04/Oil-Scene.png&#8221; class=”img-responsive” align=”middle”>

and the <div class=”clearfix”></div>
<div class=”copyright_info”>

There is a hairpin white line. I’m not sure how to get rid of it. I had pictures to go into this box as well, however I don’t know how to insert a screenshot into this dialog box.

I hope that’s enough information and again, my website is https://www.poulosenergy.com for reference as to where I am talking about.

Hi,

Go to Dashboard Admin Panel >> Appearance Menu >> Theme Options >>

General Option >> Custom css.

Now write the given below css rules into Custom css box :

.copyright_info {
margin: -1px !important;
}

And save the changes.

Thanks

Worked perfectly. Thank you!