Hi,

Please refer to this link

https://kriesi.at/support/topic/mega-menu-bug#post-108100

https://kriesi.at/support/topic/header-background-image-2

Regards,

Ismael

Hi,

You need to create a backup of your custom.css or copy the code on the Quick CSS on a notepad or something like that. Yes, it would be nice to be able to save a custom theme style. You can request that on this thread https://kriesi.at/support/topic/enfold-feature-requests.

Regards,

Ismael

Hi,

Go to Theme Options > Click Import Dummy Data. It will give you almost all of the pages that you can see on the demo.

Regards,

Ismael

Hi,

What is the code that you have right now, the code that Nick gave you? What header style do you have?

Let me tag Nick.

Regards,

Ismael

Hi,

I don’t really see anything wrong on the website. I have a 1600×900 resolution screen and even when I resize the browser to any specific size, the site looks good without the portfolio images overlapping. These are the list of screen sizes, normally use on homes, offices etc.

800 x 600

1024 x 600

1024 x 768

1366 x 768

1280 x 600

1280 x 800

1280 x 960

1280 x 1024

1440 x 900

1600 x 1200

1920 x 1080

1920 x 1200

I tested the site on each resolution and the portfolio looks fine. I don’t really think a user will re-size his browser to 1200px deliberately.

Regards,

Ismael

Hi,

Please send them on ///.

Include this thread on your email.

Regards,
Ismael

Hi,

If you have a four column portfolio, you can add this on your custom.css or Quick CSS

.grid-entry.no_margin.av_one_fourth {

width: 24%;

}

3 columns should be like this

.no_margin.av_one_third {

width: 32.3%;

}

2 columns, add this

.no_margin.av_one_half {

width: 49%;

}

This will add a 1% margin between the items.

Regards,

Ismael

Hi,

You can style the Gravity Forms font with this

.gform_wrapper {<br />
font-family: Arial !important;<br />
font-size: 14px !important;<br />
color: red;<br />
}

Regards,
Ismael

Hi,

Sticky footers tends to break the responsiveness of the site. There are certain techniques that you can use to make a sticky footer. You might want to look into that. It means breaking the default layout of the theme though. In my honest opinion, who needs a blank page anyway?

Regards,

Ismael

Hi,

Glad we could help. :)

Regards,

Ismael

Hi,

It depends on what device you are trying to target. You only need this if you’re trying to target screens with 959px resolution and lower that includes iPad, iPhone and other mobile devices.

/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {

@font-face {

font-family: 'BebasNeueRegular';

src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot');

src: url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),

url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.woff') format('woff'),

url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.ttf') format('truetype'),

url('http://localhost:8888/wordpress/wp-content/themes/enfold-child/fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');

font-weight: normal;

font-style: normal;

}

h6 {

font-family: BebasNeueRegular, Geneva, Arial, Helvetica, sans-serif !important;

font-size: 80pt !important;

margin-bottom: 20px !important;

letter-spacing: -0.0em !important;

font-weight:200 !important;

}

}

Regards,

Ismael

Hi,

I’m sorry but I’m not sure what is wrong with it even with the screenshot you provided. I tested the accordion on my end and it is working fine. Do you have Enfold 1.4?

Regards,

Ismael

Hi,

To change the background of the top header completely, you can use this

#header_meta {

background: red;

}

To change the color of the menu font use this.

.header_color .sub_menu > ul > li > a {

color: blue;

}

And the hover color, with this

.header_color .sub_menu > ul > li > a:hover {

color: black;

}

Change the color value.

Regards,

Ismael

Hi,

I’m sorry but what do you mean by “caps” and what heading are you trying to change? Please give us a screenshot or give us a link to the page.

Regards,

Ismael

Hi,

Add this on your custom.css

.news-thumb {

border: none;

}

To resize the thumbnail, go to functions.php then find this code

$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news

Add this on your custom.css. Change the width and height according to the thumbnail size then regenerate the thumbnails.

.image_size_widget .news-thumb {

height: 36px;

width: 36px;

}

Regards,

Ismael