BeZoo Custom CSS

timfruits · January 2020

Can you please provide me the the custom CSS that comes with the BeZoo theme. I accidentally deleted it and now my header images are not scaling correctly.

Thank you.

Pablo · January 2020

Hello,

Can you send me a link to your website?

CSS used on that website is using a background-url attribute which has to be changed to yours.

I'll change it and send you it in next reply.

thanks

timfruits · January 2020

Thank you for your response. Here is the site URL

http://rebuild.cultureshield.com/

Pablo · January 2020

Use this CSS:

.home { background: url(http://rebuild.cultureshield.com/wp-content/uploads/2015/09/home_zoo_bg.jpg) no-repeat top center; }

.zoo_box_subtitle { font-size: 22px; line-height: 30px; color: #101c38; font-style: italic; font-family: Arvo; }

/* Header & top bar */
#Header_wrapper:after { background: url(http://rebuild.cultureshield.com/wp-content/uploads/2015/09/home_zoo_topbar_line.png) no-repeat top center; content: ""; display: block; height: 2px; left: 0; position: absolute; top: 0; width: 100%; }

#Top_bar:not(.is-sticky) { background: url(http://rebuild.cultureshield.com/wp-content/uploads/2015/09/home_zoo_topbar.png) repeat-x top center; top: 2px !important; }

/* Subheader */
#Subheader:after { display: none; }

/* Table */
table th, table td { padding: 20px; background: none; }
table th, table td { border-width: 0 0 1px; }
.table_zoo th h4, table td h4 { font-size: 28px; }
.table_zoo td.c1 { text-align: left; width: 60%; }
.table_zoo td.c1 h4 { margin-bottom: 7px; }
.table_zoo td.c2 { color: #00c579 !important; font-size: 24px; line-height: 24px; width: 20%; }
.table_zoo td.c3 { color: #ffa200 !important; font-size: 24px; line-height: 24px; width: 20%; }
.table_zoo td.c4 { color: #c500a7 !important; font-size: 24px; line-height: 24px; width: 20%; }

/* Counters */
.counter { background-image: none; }
.counter .desc_wrapper .number-wrapper { color: #101c38; }
.counter .desc_wrapper .title { color: #101c38; }

Thanks

timfruits · January 2020

Thank you for your response. I was hoping this would fix the issue I was having with the header image, but it did not. When I upload a header image for a POST using the page options at the bottom, the image is scaled incorrectly. It only shows the upper left corner of the image instead of the whole image and it is not responsive.

How can I show the entire header image and have it be responsive.

Bryan · January 2020

Hey, could you point to that particular page?

I see that you are using Revolution Slider, is that correct?

thanks

timfruits · January 2020

I have used Revolution Slider for a lot of my main pages, but I wanted to use a simple header that I can upload through the page options for some of my secondary pages.

You can see the issue I am having here.

https://rebuild.cultureshield.com/holy-convocation/

Pablo · January 2020

But, that image is not a "Revolution Slider", but background image for header.

http://prntscr.com/qmwszo

If you want to adjust the position of that image, please go to the Theme Options > Header & Subheader > Header and try to change position and size, I hope you will find the one, which will fit.

http://prntscr.com/qmwtpo

Thanks

BeZoo Custom CSS

Comments