Hi Kriesi team!
I’m totaly new to Enfold but the First impression that it’s looking good!
I’m working on my new website and I’m struggling with some simple issues.
I already searched the forum but don’t get the right awnsers. I already tried several CSS codes but don’t get things fixed.

• I want to get rid of the white ‘stroke’ above and under the header. I think it’s a default margin. I tried to edit those with negative numbers but doesn’t tackles the problem.
• I want to set the dark gray ‘stroke’ underneath the header to 50 pixels. It’s just an visual thing. I also tried to make use of an separator and set those settings to 50 px but doesn’t work. Maybe also something with default margin.
• I want the copyright in the footer to be placed in the center. I’ve solved this now with CSS but maybe you can add this to your develop wish list?

Thanks in advance.
BR Jolanda Goos

• This topic was modified 7 years, 11 months ago by goosgrafisch. Reason: wrong topic title

Hi Kriesi team!
I’m totaly new to Enfold but the First impression that it’s looking good!
I’m working on my new website and I’m struggling with some simple issues.
I already searched the forum but don’t get the right awnsers. I already tried several CSS codes but don’t get things fixed.

Some menu issues I can’t figure out:
• I want to logo to be in one line with the topmenu buttons. So that logo and menu text is vertical aligned.
• The header picture must start underneath the semi-transparant menu. Just like https://kriesi.at/themes/enfold-restaurant/ that’s what I’m aiming for.
• I would like a dropshadow under the topmenu. At the Header Style settings I can choose for ‘Minimal with dropshadow’ but than I’ll loose the indicators and transparency which I like. It would be great if you can select the features. But can I add an dropshadow and keep the indicators and transparency? And can you also tell me how I set the transparency?

I also have some page-issues, I will open a new ticket for that.

Thanks in advance.
BR Jolanda Goos

Hi

The instant search is very slow. It takes between 10 and 20 seconds until I get some results. Does anyone have similar problems? I don’t know which component the problem is, so I’m asking here. Some information about the system:

– WordPress 4.9.5
– WooCommerce 3.2.6
– Enfold 4.2
– PHP 7.1.16

Thanks for any hints

Kind regards, Oliver

Hello!

After testing the cookies on a default WP installation without any plugins I discovered Enfold sets a cookie when the site is entered by a visitor. The name of the cookie is PHPSESSID and results from the Enfold theme – the default WP themes doesn´t set any cookie.

I searched the sourcecode for “session_start” and found it here:
– masonry_entries.php (/enfold/config-templatebuilder/avia-shortcodes)
– portfolio.php (/enfold/config-templatebuilder/avia-shortcodes/portfolio)
– php.js (/enfold/config-layerslider/LayerSlider/static/codemirror/mode/php)

Enfold version: 4.2.6

As you know setting a cookie without acceptance by the visitor is against the law (EU GDPR). So we need to disable this cookie.
How can this be done?

Best regards
Jan

Hello Kriesi-Team,
do you know any plugin for advanced searching on an Enfold based Website?
We want to create keywords to search after and categories to search in.
Thank you Felix

Hello Victoria
My reply to your last piece of CSS given to me was met with a request to close the thread – which seems strange because my topic was still about Contact Form 7 with (CSS) Enfold Styles.

Since I was not able to get a reply on that thread I have to start again – which doubles the amount of work.

I have copied and pasted the ending of your last CSS here and my reply to you and can only hope I find a reply to this. thanks for your help.

My website page in discussion: you can see the problem here on desktop / wide screen view

***** your last reply to me*************

Hi Pete,

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) {
#top .wpcf7-form-control-wrap.your-name input[type=text] {
width: 95%;

}
.wpcf7-form div + p, .wpcf7-form div + p + p {
width: 50%;
float: left;

}
.wpcf7-form div + p + p {
clear: right;
}

}
If you need further assistance please let us know.

Best regards,
Victoria

****** MY LAST REPLY TO YOU – WHICH WAS CUT OFF WHEN THE THREAD WAS CLOSE******

Thanks so much Victoria! thats a really clever bit of CSS!

I’ve set it at 1368px – just wider than iPad pro screen horizontal.
It works fine apart from a couple of small things:-

1. On the wide desktop version where the name and email are side by side – the space between that line and the SUBJECT line below seems to be wider than when the 2 fields are stacked on top of each other.

2. Also on desktop perhaps the gap/padding above the Name/Email line is wider making a large gap between that line on desktop view and the bulleted text above. Ideally I would like the gaps above/below field to be consistent between desktop and mobile.

3. The CSS you provided to create black field borders is being carried into the Enfold Search field. Is there a way I can restrict this border styling to the CF7 form?

Here’s the full quick CSS i have for this contact page at the moment including your latest fixes.

/* CF7 Submit Button CSS Styles */
.wpcf7 input[type=submit] {
padding:15px 45px;
background:#FCE228;
color:#232323;
font-size:16px;
font-weight:bold;
border:1px solid #232323;
cursor:pointer;
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* CF7 Submit Button CSS Hover Styles */
.wpcf7 input[type=submit]:hover {
background-color: #232323;
color: #FCE228;
border:1px solid #232323;
}

/* CF7 Label Text Styles */
.wpcf7 label {
padding: 0 0 10px 0;
font-size: 20px;
color:#232323;
}

/* CF7 File Upload Button CSS Styles */

.wpcf7 input[type=file] {
padding:0px 0px;
background:none;
color:#000;
font-size:14px;
border:none;
-webkit-border-radius: 3px;
border-radius: 3px;
}

/* CF7 Input Field Heights */
.wpcf7 input[type=text] {height:40px;}
.wpcf7 input[type=email] {height:40px;}

/* CF7 Input Field border and radius */
#top .main_color .input-text,
#top .main_color input[type=’text’],
#top .main_color input[type=’input’],
#top .main_color input[type=’password’],
#top .main_color input[type=’email’],
#top .main_color input[type=’number’],
#top .main_color input[type=’url’], #top .main_color input[type=’tel’],
#top .main_color input[type=’search’], #top .main_color textarea, #top .main_color select {
border-color: #232323;
border-radius: 3px;
margin-top: 5px;
}

/* CF7 name and email Fields alongside but not on mobile */
@media only screen and (min-width: 1368px) {
#top .wpcf7-form-control-wrap.your-name input[type=text] {
width: 95%;

}
.wpcf7-form div + p, .wpcf7-form div + p + p {
width: 50%;
float: left;

}
.wpcf7-form div + p + p {
clear: right;
}

}

Hi

We are currently using the Enfold theme and every time I try to edit a page (using the advanced layout editor) it just spins and says, “Connection lost. Saving has been disabled until you’re reconnected. We’re backing up this post in your browser, just in case.” I tried researching this myself and figured maybe it was a conflict with the theme and plug-ins? I tried uninstalling and reinstalling but got nothing. Any help at all would be greatly appreciated!

Thanks