Hey MaxBlank,

Add the following to quick css:

/* WooCommerce 3.0 Gallery */

.woocommerce-product-gallery {
position: relative;
margin-bottom: 3em
}

.woocommerce-product-gallery figure {
margin: 0
}

.woocommerce-product-gallery .woocommerce-product-gallery__image:nth-child(n+2) {
width: 25%;
display: inline-block
}

.woocommerce-product-gallery .flex-control-thumbs li {
list-style: none;
float: left;
cursor: pointer
}

.woocommerce-product-gallery .flex-control-thumbs img {
opacity: .5
}

.woocommerce-product-gallery .flex-control-thumbs img.flex-active,.woocommerce-product-gallery .flex-control-thumbs img:hover {
opacity: 1
}

.woocommerce-product-gallery img {
display: block
}

.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
width: 33.3333%
}

.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
width: 25%
}

.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
width: 20%
}

.woocommerce-product-gallery__trigger {
position: absolute;
top: 1em;
right: 1em;
z-index: 99;
}

a.woocommerce-product-gallery__trigger {
text-decoration: none;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
position: absolute;
top: .875em;
right: .875em;
display: block;
height: 2em;
width: 2em;
border-radius: 3px;
z-index: 99;
text-align: center;
text-indent: -999px;
overflow: hidden;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
background-color: #169fda;
color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:hover {
background-color: #1781ae;
border-color: #1781ae;
color: #ffffff;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger:before {
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: block;
content: "\f00e";
line-height: 2;
text-indent: 0;
}

Let me know if this works.

Best regards,
Jordan Shannon

Hey agameseo,

The best way to do this is to create two tab sections. One for mobile and the other for desktop. Give them both unique classes using this method:

You will then use those ids to hide one on mobile and then the other on desktop using css media queries. 

Best regards,
Jordan Shannon

Hi,

Did you make sure to flush your cache? Also, add !important; to your logo css.

Best regards,
Jordan Shannon

Hi,

You can refer to this post – http://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/ and add a widget area to your header or you can refer to this one – http://kriesi.at/documentation/enfold/add-subtext-to-logo-replace-logo-with-site-title/ for subtext

Best regards,
Jordan Shannon

Hi,

Yes or you can target it with the actual page-id class. Every page and post in WordPress has one. This is used so you can apply styles to only one page if needed.

Best regards,
Jordan Shannon

Hi,

This should be fixed. I added the following to quick css:

#menu-item-10007 a span.avia-menu-text{
background-color:#23a14a!important;
color:#fff!important;
}

#menu-item-10007 a span.avia-menu-text:hover{
background-color:#2c4143!important;
color:#fff!important;
}

.menu-item.menu-item-type-post_type.menu-item-object-page.av-menu-button.av-menu-button-colored.menu-item-top-level.menu-item-top-level-6 a:hover{
color:#fff!important;
}

Please let me know if this is what you needed.

Best regards,
Jordan Shannon

Hey jurgen1979,

This should be able to be accomplished by targeting the page id, and menu item. Would you be able to provide a link to the site/page in question?

Best regards,
Jordan Shannon

Hi,

Trying again worked for me. I have disabled all third-party plugins and it has returned the styles, please check. What I would suggest you do now is reactivate each plugin one by one to see which one breaks the styling.

Best regards,
Jordan Shannon

• This reply was modified 8 years ago by Jordan Shannon.

Hi,

I copied your content from the table, and pasted it into a section below. As you can see if you test, it is responsive. All you have to do is style it to your needs. If you are looking for the page to be responsive, you really want to avoid tables.

Best regards,
Jordan Shannon

Hi,

Apologies, but this login is still not working. I have followed your instructions.

Best regards,
Jordan Shannon

• This reply was modified 8 years ago by Jordan Shannon.

Hi,

No worries, we’ll get this figured out.

So each page needs to follow the gold styling I assume?

Best regards,
Jordan Shannon

• This reply was modified 8 years ago by Jordan Shannon.

Hi,

Great! If you need additional help, please let us know here in the forums.

Best regards,
Jordan Shannon

Hey roamingk,

try adding the following to quick css:

#top.avia-blank #main .container_wrap:first-child {
border-top-width: 0px;
}
#top.avia-blank #main .container_wrap:last-child {
border-bottom-width: 0px;
}
.main_color, .main_color .site-background {
background-color:#FFF !important;
}

Best regards,
Jordan Shannon

Hi,

Please stop with the “Come on” I am trying my best to help you out.

Now, the best thing to do would be first over look your css and make sure there are no errors, and that the last piece of css on the page is reading. If it isn’t then that indicates and error somewhere. That code that I gave you before should apply to the other pages by changing the page id.

Best regards,
Jordan Shannon

Hi,

I am glad you were able to get this taken care of. If you need additional help, please let us know here.

Best regards,
Jordan Shannon