Hi salveglobal,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

.main_color tr:nth-child(odd),
 .main_color .pricing-table>li:nth-child(odd),
  .main_color .pricing-extra {
    background-color: #fff;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hey transformmedia,

Best regards,
Victoria

• This reply was modified 5 years, 10 months ago by Victoria.

Hi Ilya,

Did Guenni007’s solution help you or do you need more help?

Best regards,
Victoria

Hey ottogb,

Best regards,
Victoria

Hi msulecki,

Could you please attach a mockup of what you’re trying to achieve?

Best regards,
Victoria

Hi opvab,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

 #top .inner_product_header, 
 .inner_product_header .avia-arrow {
  border: none;
}

.products .product h2 {
  text-align: center;
}
#top .woocommerce-loop-product__title + .price {
  display: inline-block;
  text-align: center;
  width: 100%;
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi Sascha,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (min-width:768px) and (max-width: 1024px){
    .avia-button.avia-size-x-large {
        padding: 20px 25px 20px;
        min-width: auto;
    }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hi theokaemmerer,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media screen only and (max-width: 767px) {
    iframe {
        width: 90vw !important;
    }
}

If you need further assistance please let us know.

Best regards,
Victoria

Hey sundara88,

Yes, you might want to look for the plugin that gives this kind of functionality.

Best regards,
Victoria

Hi marsh1984,

Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

@media only screen and (max-width: 767px) {
  .html_header_transparency #top .avia-builder-el-0 .slideshow_caption {
      padding-top: 40px;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

HiS-edwards,

I am also seeing the 400 error, please have a look at the links below for possible solutions:
https://wordpress.org/support/topic/failed-to-load-resource-the-server-responded-with-a-status-of-400-3/

Best regards,
Victoria

Hi Wondergirrrl,

https://cl.ly/3fcedc71d4fe The code I gave you just increases the icons here and in the footer. And so it does work, I am not sure what buttons you’re talking about here.

2 You’re using different widgets for the footer columns and so they have different html and styles.

The code can be added to the Quick css:

#top .widget_nav_menu li {
    font-size: inherit;
}

The theme is fully responsive and so I am not sure what elements and for what screen sizes you need to adjust. A screenshot would help.

This code will get the social icons to show on mobile:

@media only screen and (max-width: 479px) {
    .responsive #top #wrap_all #header .social_bookmarks,
     .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
        display: block;
    }
}

Best regards,
Victoria

Hi Charlene,

Please upload screenshots to a service like https://imgur.com/upload and give us the links here so that we can understand the issue better.

Best regards,
Victoria

Hi robertosantoli,

It is not very clear to me what the issue is from the description above and so I asked you for the screenshot. I still do not understand which part is not working for you.

Best regards,
Victoria

Hi Phil,

Best regards,
Victoria