Hi,

Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

#footer .widgettitle {
    padding-top: 5px;
    padding-bottom: 5px;
}

You can adjust the number as you like to.

Best regards,
Jordan

Hi,

Kindly add this code to Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
  #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    font-size: 18px !important;
  }
}

Just change 18px to any values you want. Hope this helps.

Best regards,
Nikko

Hi Nacho,

Kindly add this code in Quick CSS (located in Enfold > General Styling):

#header #header_main {
    background: #2c353d;
}

.logo img {
    padding: 12px 0;
}

.header-scrolled .logo img {
    padding: 4px 0;
}

.header-scrolled span.subtext {
    font-size: 18px;
}

@media only screen and (max-width:767px) {
	.responsive #top #wrap_all .container {
	    height: auto !important;
	    line-height: 1 !important;
	}

	.responsive #top .logo {
	    padding: 12px 0;
	}

	.responsive .logo a, 
	.responsive .logo img {
	    max-height: 60px !important;
	    display: inline-block;
	}

	.responsive .logo a {
	    position: relative;
	    display: block;
	}

	span.subtext {
	    font-size: 15px;
	    max-height: 60px;
	    color: #fff;
	    line-height: 60px;
	}
}

Hope this helps. This should solve the 2 issues you mentioned, if it doesn’t work, kindly allow us to inspect the settings and make changes in your backend.

Best regards,
Nikko

Hi,

Try adding this code too in Quick CSS:

@media only screen and (max-width:767px) {
  .page-id-30 nav.pagination {
    left: 0;
    text-align: center;
  }

  #top.page-id-30 .pagination .current, 
  #top.page-id-30 .pagination a, 
  #top.page-id-30 .fullsize .template-blog .pagination a {
    float: none;
    display: inline-block;
  }
}

Hope this helps :)

Best regards,
Nikko

Hi,

I tried to check on the link you’ve posted but it requires a password, kindly post the password in the “private section” when you reply, so we can inspect further. Also, I think the code above is wrong it should be:

.av-special-heading h1 { padding-top: 280px !important; }

Try using this code and let us know if it works or not.

Best regards,
Nikko

Hi,

It’s not a good solution, you might want to refer to this thread: https://kriesi.at/support/topic/adding-custom-jquery-script-to-child-theme/

Best regards,
Nikko

Hey reddishpinkmedia,

You might want to check out this thread: https://kriesi.at/support/topic/read-more-at-masonry-blog/

Best regards,
Nikko

Hi,

1.) At first please update to the newest WordPress version.
When editing your Masonry element look for “Size settings” and try to choose different options. I think “Flexible Masonry” might be right for you.

2.) You’ll find all default Enfold image sizes here: https://kriesi.at/support/topic/enfold-image-sizes/#post-336176

Best regards,
Andy

Hi,

use this code inside Quick CSS field:

#top .av-subnav-menu li a {
background-color: red;
color: blue;
font-size: 10px;
}

The same for hover:

#top .av-subnav-menu li a:hover {
background-color: red;
color: blue;
font-size: 10px;
}

Best regards,
Andy

Hi Chris,

This is fixed. I have commented out your h1 code and added this code to Simple Custom CSS:

h1 {
    font-family: Times, Helvetica, serif !important;
}

I have tested the font you used and the websafe font it is similar but the websafe font fixes the issue you have. Please let us know if there’s any issues related to this topic that you are still experiencing.

Best regards,
Nikko

Hi,

then simply use height instead of width value in my code:

li.product-category.product {
height: 240px;
}

Also this might be useful to you:

#top .products .product-category img {
height: 240px;
}

Best regards,
Andy

Hi,

das ist normal. Nicht alle stellen konnten bisher in alle Sprachen übersetzen werden. Wenn du dazu einen Beitrag leisten möchtest, kannst du das hier tun: https://kriesi.at/support/topic/please-contribute-and-translate-enfold/

Gruß,
Andy

Hey jb84,

Kindly add this code to Quick CSS (located in Enfold > General Styling):

@media only screen and (max-width:767px) {
    .responsive #top .logo {
        padding-right: 40px;
    }
}

Hope this helps :)

Best regards,
Nikko

Hi,

Kindly add this code to your Quick CSS:

.html_header_top.html_logo_center #top .logo {
    left: 0;
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}

#top .logo a {
    max-height: none !important;
}

#top .logo img {
    height: auto !important;
    max-height: none !important;
    width: 100%;
}

Best regards,
Nikko

Hi,

I have replaced the code based on the thread to this:

#top .av_font_icon,
#top .avia-image-container,
.avia_transform .avia_start_animation.left-to-right.avia_image, .avia_transform .avia-icon-list .avia_start_animation .iconlist_icon, .avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image { 
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important; 
opacity: 1 !important;
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important; }

Kindly check if there are still animations that you want to be removed and post a link to the Private Content when you reply.

Best regards,
Nikko