Search Results for 'color'

[alberto montaño]

BUENAS TARDES TENGO EL tema Yogui profesional , Y EN EL HEADER DE LA PAGINA DE CONTACTO LA IMAGEN OCUPA MENOS SITIO DE ALTURA QUE EL E LA PLANTILLA, POR LO QUE ESA PARTE QUE FALTA ESTA EN COLOR GRIES, PREGUNTAR DONDE PUEDO CAMBIAR TAMAÑO DE ESE HEADER EN CUESTION, GRACIAS

[Paul Sheiffele]

When changing our menu/navigation bar on our site test.genetargeting,com, the sub-menu alignment is off when going to “all custom model types” and hovering over “transgenic animal models” (the “buy transgenic mice” is out of alignment). Could you please fix this?

Additionally, we are wondering if there is any way to maintain this menu bar location while A. reducing the amount of white space/padding between the logo and the menu bar, and B. giving the menu bar a different background color other than white? i.e: a full-length bar spanning from the left to right of the white space, with maybe a dark grey color?

Let me know if that is possible. Thanks.

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:1023px) {
#simple-menu .fa-bars, .pad_menutitle .fa-bars, .pad_menutitle .fa-times { color: #000 !important;}
}

Regards,
Dave

[Langer Enterprises LLC]

I am using the drone theme but the nav bar colors on the home page get lost/wash out in the image. I would like to change the colors of the nav bar links just on the home page, they look fine on every other page.

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#sidebar h3 {
  color: #282828;
}

Regards,
Chris

[Sonal S Sinha]

Hi,

Kindly go to Appereance >> Theme Option >> Basic Setting >> Custom CSS Box

Add this code there:

.nivo-caption { position:relative !important;}
.slide_info p { text-shadow:none !important;}
.slide_info p { color: #2d2d2d; font-size: 22px; padding-top:10px;}

Regards,
Chris

[Maria Bordoli]

Ηι,
Sorry for the inconvenience, my boss finally asked me to make the buttons black (#000000), I have managed through CSS to make the “add to cart” buttons which are in the product categories, e.g. “https://aeliaspa.gr/%cf%80%cf%81%ce%bf%ce%b9%cf%8c%ce%bd%cf%84%ce%b1-7days/” to change color based on my preferences (it should be black and when I mouse over it it changes to green). I would like this to be the same on the “Add to cart” button and when the customer is on the product tab, e.g. “https://aeliaspa.gr/product/7days-candy-shop-cupcake-sheet-mask-25g/ ” Could you make the change to the product tab to have black color. I had sent the username and password to [email protected]. If you want I can send again.

[Sonal S Sinha]

Hi,

Kindly use this CSS.

.summary.entry-summary .woocommerce button.button.alt {
  background-color: #aa1e1e !important;
}
.woocommerce button.button.alt:hover {
  background-color: #35864b !important;
}

Regards,
Chris

[Maria Bordoli]

Ηι,
thank you very much for the prompt reply. I put the piece of code in “custom css” as you told me the original color didn’t change but when I move the mouse up the second piece of code works.

[Sonal S Sinha]

Hi,

Can you send us the screenshot of outline color issues?

Regards,
Chris

[Sonal S Sinha]

Hi,

Kindly use this CSS to change button color.

.woocommerce button.button.alt {
  background-color: #aa1e1e !important;
}
.woocommerce button.button.alt:hover {
  background-color: #35864b !important;
}

Regards,
Chris

[Maria Bordoli]

Good Evening,
I have the site “aeliaspa.gr”.
I have managed through CSS to make the “add to cart” buttons which are in the product categories, e.g. “https://aeliaspa.gr/%cf%80%cf%81%ce%bf%ce%b9%cf%8c%ce%bd%cf%84%ce%b1-7days/” to change color based on my preferences (it should be red and when I mouse over it it changes to green). I would like this to be thr same on the “Add to cart” button and when the customer is on the product tab, e.g. “https://aeliaspa.gr/product/7days-candy-shop-cupcake-sheet-mask-25g/ ” How can make it?

Thanks in advances!

[Sonal S Sinha]

Hi,

Kindly try this one:

@media screen and (max-width:767px) {
.woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { color:#000 !important;}
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
  .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { color:#000 !important;} 
}

Regards,
Chris

[Sonal S Sinha]

Hi,

Kindly this CSS to fix in mobile version.

@media screen and (max-width:479px) {
.woocommerce .woocommerce-ordering select option, .woocommerce-page .woocommerce-ordering select option { color: #000 !important;}
}

Regards,
Chris

[Sonal S Sinha]

Hi,

Kindly use this one.

.woocommerce div.product .woocommerce-tabs ul.tabs li a { background-color: #ce61a0 !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce #review_form #respond .form-submit input { background-color: #CA2971 !important;}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce div.product p.price, .woocommerce div.product span.price, .product-name a, .woocommerce-info a, .woocommerce-privacy-policy-text a, .posted_in a, .woocommerce-message, .discount-msg { color: #CA2971 !important;}

Regards,
Chris