This reply has been marked as private.
I know CSS fairly well, but I can not change the desktop page size from 1030px to 910px. What do you suggest?
My dev site is http://www.kennethbsmith.com/clients/abww/
Below is what I have now in the custom.css
Thanks
Ken
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */
@media only screen and (min-width: 768px) {
/* Add your Desktop Styles here */
.container_wrap .container {
clear: both;
margin: 0 auto;
padding: 0;
position: relative;
width: 910px;
}
.responsive .container .tweive.units {
width: 910px;
}
}
Hi keithcrest!
Please go to Appearance > Editor and open Header.php file and find
$phone = avia_get_option('phone');
$phone_class = !empty($nav) ? "with_nav" : "";
if($phone) echo "<div class='phone-info {$phone_class}'><span>{$phone}</span></div>";
cut it and paste it right under
if(strpos($headerS,'social_header') !== false && strpos($headerS,'bottom_nav_header') !== false) avia_social_media_icons($social_args);
then add following code to Quick CSS in Enfold theme options under Styling tab
.social_header .phone-info { float: right; margin-top: 20px; }
.social_header .phone-info.with_nav span {
border-left-style: none; }
You can adjust margin-top value to position the height of your text
Cheers!
Yigit
Hey!
If you would like to adjust the height, you should change padding values
#top #s {
padding: 20px 47px 20px 5px; }
you should be changing top and bottom padding values, which are both 20px in this code
Best regards,
Yigit
Hi foreigner!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top .header_color .main_menu .menu ul li>a:hover {
color: red;
}
.header_color .main_menu .menu ul li a:hover {
background-color: orange;
}
Cheers!
Yigit
Hi,
The code works in some aspects. But I unable to change the height. I used this code:
#top #searchform>div {
max-width: 600px !important;
max-height: 400px !important;
}
Any suggestion?
THANKS
Hi!
Can you try setting higher than 1024? You can try 1100
Cheers!
Yigit
Hey CloudChoice!
You can add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
#top #searchform>div {
max-width: 200px; }
Best regards,
Yigit
Hey davidtaylorwebmedia!
Please see Kriesi’s post here https://kriesi.at/support/topic/kriesi-logo/#post-161892
Regards,
Yigit
Hey!
Can you post the link to your website so we can take a look?
Best regards,
Yigit
Hi everybody
I’ve some problems with the woocommerce login/register form (shortcode: [woocommerce_my_account]). The layout looks horrible :S (have a look to the screen)

Can I sort the register and login form among each other instead side by side? (google translate :-D)
How can I edit the layout of this forms?
If this not is depended of the enfold theme than this topic can be closed xD
Hello please help as said before the logo simply disappears
Huston, we have a problem.
I have install and configurate WP SMTP plugin. It send test email correctly.
But contact form not send emails.
I tried this issue. But it is not work.
What else?
Hi,
I have a problem with the icon box when using the shortcode on a post, in the boxed layout.
The left border appears truncated:

Here’s the shortcode I am using: [av_icon_box icon='ue818' font='entypo-fontello' position='top' title='vcvcvc' link='' linktarget='' linkelement=''] cxcx [/av_icon_box]
Is there a way to solve this problem?
I have another related question.
2) The shortcode allows us to build 1/1, or 1/2 + 1/2, 2/3+1/3, 3/4 & 1/4 layouts.
However, it doesn’t work when I tried to use that logic to have a centered content.
I tried using that logic when I wanted a centred 1/4 + 2/4 + 1/4 layout with that code, but it didn’t work:
[av_one_fourth first]Add Content here[/av_one_fourth]
[av_two_fourth][av_icon_box icon='ue818' font='entypo-fontello' position='top' title='vcvcvc' link='' linktarget='' linkelement=''] cxcx [/av_icon_box][/av_two_fourth]
[av_one_fourth]Add Content here[/av_one_fourth]
It may be linked to the answer of my first question, but is there a way to specify the width (in % instead of px, if possible) of the icon box via css?
Thanks in advance,
Cheers!
found an old topic that stated whats below, tried putting it in the quick CSS but i still have breadcrumbs and page title below header
“Hey Dan!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.title_container { display: none; }
Cheers!
Yigit”
This reply has been marked as private.
Hey Antonio!
This code:
#top #optinform input[type="text"]{
display: inline;
}
will display the fields in a line. Probably some additional styling is required but it’s a good starting point.
Regards,
Peter
Hi!
Can you try switching to one of the default WordPress themes and then go to your WordPress menus manager. See if the menu items can expand to show the menu text and options for each item.
When I logged in the issue was the same as the other topic in that the menu items couldn’t be expanded and so each sub menu item was marked as a mega menu item. I don’t know what the common link is but it looks like the WordPress install has an error in it which would be unrelated to the theme. Checking to see if its the same on another theme will verify it.
Cheers!
Devin
Hi,
thank you very much for your fine work!
Is there a way to change the H-tags of the iconlist_title? I found Iconlist Headings & SEO to change for all but I need to change each heading separately.
Regards,
Cai
My portfolio filters stopped working. I tried using the solve recommended here
https://kriesi.at/support/topic/enfold-portfolio-not-working-after-wordpress-3-8-update/
but I don’t seem to have this file: /wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/masonry_entries.php
my site is http://www.getaltrd.com (password is: so
Hi
I want to add a dashed border to my category widget and my most popular article widget but I cannot find the right css to do it..
I’ve tried that
#sidebar sidebar_right three alpha .widget clearfix widget_categories {
margin-bottom: 0px;
margin-top: -10px;
background: transparent;
border: 2px dashed #EEDFC2;
}
and other combination but nothing works..What is the right code, can you help with that?
Kind regards
Chrys
This reply has been marked as private.
Hi!
No, unfortunately this code does not contain a function which can be triggered by an onclick event. Maybe this code helps you: http://stackoverflow.com/questions/2082129/how-to-track-a-google-adwords-conversion-onclick – you could add the js code snippet to header.php (insert it before the closing tag) and the
trackConv(12345678910,"RLtFCOHMyQcQr7Op0QM");
code must be part of the onclick event (see https://kriesi.at/support/topic/syntax-error-when-adding-tracking-code-to-form-submit-button/ which helps you to add it to the submit button). However I didn’t test it and I’m not sure if it works or not. If you really want to be on the safe side I suggest to hire someone who is familiar with the google adwords api.
Regards,
Peter
Thanks Ismael, that’s great, Now i’ve sorted it out
The code above fixed the upper part of the menu but not the second row. You got me looking in the right direction and i added the following part in bold type
#top #header .avia_mega_div > .sub-menu,
#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
padding: 10px 20px 10px 20px;
}
Cheers, Tim
Hi Ismael,
thanks for pointing me to the respective part of the code.
I set it up with the CSS snippet from above in the custom.css, playing around with pxs to adjust the container along the line, but did not look that great as expected. So i deleted the snippet, but now the submenu is about 100px underneath the main menu. I have removed browser cache at least 50 times now, but the submenu will not move back to the top.
Is there a conflict with another part in the custom.css, defining the mega_div?
#header .avia_mega_div {
box-shadow: 0 30px 60px rgba(0, 0, 0, 0.1);
display: none;
margin: -6px 0 0;
overflow: hidden;
padding: 5px 0 0;
position: absolute;
right: 0;
top: 100%;
z-index: 2;
}
A confused Sebastian.
Hi,
I am using some custom CSS to add borders in few places accross my blog. The main issue is that if I add any border with a specific color, the color is replaced by rgb(170, 170, 170); It is not overrwriten by another rule, but in my rule where I have placed #aaa, a perviously mentioned color is placed. Again switching of all plugins does not help. Any idea how to fix it?
You can see the issue on my page here http://customizewp.com/eliminate-render-blocking-javascript-and-css-above-the-fold-content-in-wordpress-w3-total-cache/ . Each image has a border on top and the bottom and at the end of the content is a thick line. All of them are suffering from this isse.
regards
Bogusz
Thank u very much, the menu does come to the left but the logo disappears ?????
-
This reply was modified 12 years, 2 months ago by
elgingroup.
Is there some sort of jQuery or CSS that controls a master theme z-index? I am trying to get a popup form working, and no matter what I do I cannot get the z-index working correctly. On a static HTML site on my PC it is working fine.
Here is the demo: http://www.buzzusborne.com/button/
Here is my demo page: https://www.virginiaseo.org/canvas-tester/
I have changed the z-index of #header as well as the modal dialog and backdrop generated from the popup plugin.
Here is the backdrop:
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 100;
background-color: #373c44;
}
Here is the modal:
.modal {
text-align: left;
position: fixed;
top: 50%;
left: 50%;
z-index: 200;
width: 398px;
margin: -17% 0 0 -250px;
background-color: #FFF;
z-index: 1000;
-khtml-border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-shadow: 0 0 0 4px rgba(55, 60, 65, 0.1);
-moz-box-shadow: 0 0 0 4px rgba(55, 60, 65, 0.1);
-webkit-box-shadow: 0 0 0 4px rgba(55, 60, 65, 0.1);
padding: 50px 50px 55px;
}
This is not pressing, as it is only an experiment with Campaign Monitor email sign up.
Hey!
This code should move the mega menu downwards:
#header .avia_mega_div {
margin-top: 100px !important;
}
This is the screenshot:

Adjust the top margin to 1px. Remove browser cache then reload the page.
Best regards,
Ismael
Hi!
You can change that through CSS. Add this on Quick CSS or custom.css:
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
width: 35px;
}
#top div .avia-gallery img {
padding: 3px;
width: 100%;
}
Best regards,
Ismael