-
Search Results
-
In reply to: Wrap box-shadow
Hi,
You can add this on your custom.css or Quick CSS
.responsive .boxed#top {
box-shadow: 50px 50px 50px #333;
}Regards,
Ismael
In reply to: Form Style Conflicts
Hi,
You can find all the form layout of the theme on css > base.css
/* #Forms
================================================== */
#top form {
margin-bottom: 20px; }
#top fieldset {
margin-bottom: 20px; }
#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 8px 6px;
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
-webkit-font-smoothing: antialiased;
border-radius: 0px;
}
#top input[type="text"]:focus,
#top input[type="password"]:focus,
#top input[type="email"]:focus,
#top input[type="number"]:focus,
#top input[type="url"]:focus,
#top input[type="tel"]:focus,
#top input[type="search"]:focus,
#top textarea:focus {
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
color: #555;
}
#top textarea {
min-height: 60px; line-height:1.5em;}
#top label{
display: block;
font-weight: bold;
font-size: 12px; }
#top legend {
display: block;
font-weight: normal;
font-size: 15px; }
#top select {
width: 220px; }
#top input[type="checkbox"] {
display: inline; }
#top label span,
#top legend span {
font-weight: normal;
font-size: 13px;
color: #444; }
#top textarea{width:100%;}
#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area{border:1px solid #9AA600;} /*#70A41B*/
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area{border:1px solid #DF653E;}
#top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area{border:1px solid #ffb628;}You can remove or edit them to avoid conflict with other plugin style.
Regards,
Ismael
In reply to: Enfold – Responsive Slide Out Menu **ISSUE**
Hi Nick,
**** I UPLOADED IT AT LAST ****
or at least a demo with dummy content with the home page.
now…..
a) The menu is fixed but I need to create more space at the top (above menu/logo) and below (menu/log) and ensure that when I scroll up and down the page that there is enough space so the ‘moved thick & feint line” dont overlap the menu. This is whats happening at the moment.
b) The HUGE slab text under the slider works well but I somehow want the main heading ‘CREATIVE&DIVERSE’ to wrap when the screen is shrunk to mobile phone dimensions. so it reads….
CREATIVE
&
DIVERSE
but only in smallest sizes as its ok to just shrink with everything else till that pointCheers
Andy
In reply to: Gravity Forms – Field Sizing
Hi,
You can find all of the theme’s form style on css > base.css
/* #Forms
================================================== */
#top form {
margin-bottom: 20px; }
#top fieldset {
margin-bottom: 20px; }
#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 8px 6px;
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
-webkit-font-smoothing: antialiased;
border-radius: 0px;
}
#top input[type="text"]:focus,
#top input[type="password"]:focus,
#top input[type="email"]:focus,
#top input[type="number"]:focus,
#top input[type="url"]:focus,
#top input[type="tel"]:focus,
#top input[type="search"]:focus,
#top textarea:focus {
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
color: #555;
}
#top textarea {
min-height: 60px; line-height:1.5em;}
#top label{
display: block;
font-weight: bold;
font-size: 12px; }
#top legend {
display: block;
font-weight: normal;
font-size: 15px; }
#top select {
width: 220px; }
#top input[type="checkbox"] {
display: inline; }
#top label span,
#top legend span {
font-weight: normal;
font-size: 13px;
color: #444; }
#top textarea{width:100%;}
#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area{border:1px solid #9AA600;} /*#70A41B*/
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area{border:1px solid #DF653E;}
#top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area{border:1px solid #ffb628;}I think this part of the style is the one preventing you from defining input width
#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 8px 6px;
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
-webkit-font-smoothing: antialiased;
border-radius: 0px;
}The width is set to 210px.
Regards,
Ismael
Hi,
Edit header.php then find this code
$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 that and place it below this code
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');Add this on your custom.css or Quick CSS
.social_header .phone-info {
font-weight: bold;
height: 30px;
line-height: 10px;
right: 200px;
top: 40px;
position: absolute;
}
.social_header .phone-info.with_nav span {
border: none;
}Cheers,
Ismael
In reply to: Remove featured image on top of single blog post
I’m having this exact issue, but the solution is not working for me:
https://kriesi.at/support/topic/removing-the-featured-image-from-top-of-a-single-blog-post
I added the css code suggested into the quick css box under general in the Enfold admin area and that didn’t work. Should I add it elsewhere?
Thanks
In reply to: form css
Hi,
You can find all of the form styles on base.css
/* #Forms
================================================== */
#top form {
margin-bottom: 20px; }
#top fieldset {
margin-bottom: 20px; }
#top .input-text,
#top input[type="text"],
#top input[type="input"],
#top input[type="password"],
#top input[type="email"],
#top input[type="number"],
#top input[type="url"],
#top input[type="tel"],
#top input[type="search"],
#top textarea,
#top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
padding: 8px 6px;
outline: none;
font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 210px;
max-width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
-webkit-font-smoothing: antialiased;
border-radius: 0px;
}
#top input[type="text"]:focus,
#top input[type="password"]:focus,
#top input[type="email"]:focus,
#top input[type="number"]:focus,
#top input[type="url"]:focus,
#top input[type="tel"]:focus,
#top input[type="search"]:focus,
#top textarea:focus {
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
color: #555;
}
#top textarea {
min-height: 60px; line-height:1.5em;}
#top label{
display: block;
font-weight: bold;
font-size: 12px; }
#top legend {
display: block;
font-weight: normal;
font-size: 15px; }
#top select {
width: 220px; }
#top input[type="checkbox"] {
display: inline; }
#top label span,
#top legend span {
font-weight: normal;
font-size: 13px;
color: #444; }
#top textarea{width:100%;}
#top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area{border:1px solid #9AA600;} /*#70A41B*/
#top #wrap_all .error .text_input, #top #wrap_all .error .text_area{border:1px solid #DF653E;}
#top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area{border:1px solid #ffb628;}The review button on my end is white and it is crystal clear. Can you give us a link to your website?
Cheers,
Ismael
In reply to: WPML Language switcher in header?
Hi,
Edit header.php then find this code
do_action('avia_meta_header');Below, place this code
do_action('icl_language_selector');Then add this on your custom.css
#lang_sel a {
border: none;
}
#lang_sel {
right: -60px;
top: -10px;
}
#lang_sel a.lang_sel_sel {
background: url(../img/nav-arrow-down.png)right no-repeat;
color: #444;
}Change the top and right properties to position the switcher.
Cheers,
Ismael
In reply to: Rollover disc arrow replacement
Hi,
Open css > base.css and find this line of codes
.image-overlay{position: absolute; background: #fff; z-index: 500;}
.image-overlay .image-overlay-inside{height:100%; width:100%; position: absolute; left:0; top:0;}
.image-overlay .image-overlay-inside::before{position: absolute; border-radius: 50px; background: #000; height:80px; width:80px; line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px; z-index: 500; text-align: center; color:#fff;}
.image-overlay .image-overlay-inside::before{content:"E744"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
.image-overlay.overlay-type-extern .image-overlay-inside::before{content:"27A6";}
.image-overlay.overlay-type-video .image-overlay-inside::before{content:"25B6";}
#top .hide-inner-overlay .image-overlay-inside{display: none;}You can change the fontello symbols on these lines.
.image-overlay.overlay-type-extern .image-overlay-inside::before{content:"27A6";}
.image-overlay.overlay-type-video .image-overlay-inside::before{content:"25B6";}Something like this
.image-overlay.overlay-type-extern .image-overlay-inside::before{content:"E714";}
.image-overlay.overlay-type-video .image-overlay-inside::before{content:"E714";}Please refer to this link for more entypo fontello symbols.
http://www.entypo.com/characters/
Cheers,
Ismael
In reply to: Unable to install WP Theme
btw, here’s another option,
a moderator uploaded a how-to guide for FTP
https://kriesi.at/support/topic/unable-to-install-zip-file#post-112414
Topic: Wrap box-shadow
I need to put a box shadow on the boxed container. I did this with your Propulsion theme (http://is.gd/36gzlA) and using #wrap_all. It’s not working with Enfold, nor is this (https://kriesi.at/support/topic/boxed-layout-box-shadow). Please help. Thanks!
Topic: Form Style Conflicts
I have a pretty big issue going on. My Formidable form (http://is.gd/tANfgc) isn’t applying any of the styles that I specified (and yes, it’s set to use Formidable styling). And I thought it was just the FP form, but there are styling conflicts with all forms I attempt to place from third parties. This one is a js snippet from aweber (http://is.gd/eEGyKZ).
I don’t have them placed in columns or anything like that (as I’ve had that problem using a FP form on Propulsion and found a work around). I tried both suggestions here (https://kriesi.at/support/topic/css-column-short-code-messing-up-contact-forms#post-94711) and it’s still not working.
Please help!
Hi,
I’m currently updating a website with this Enfold theme, and am very pleased with how it is turning out. However, I’m trying to create a submenu at the top of my pages that allows user to click, plugin will respond and scroll down to where the id is. However, I can’t get the plugin to work at all; whether in basic text editor, or in Avia Layout Editor.
This is the only plugin I’m trying to use right now.
http://wordpress.org/plugins/page-scroll-to-id/
Site that i’m updating with issue: http://genau.drivott.com/results/
Current site in operation, with scroll-to-id working: http://drivott.com/results/#sustain
I could tell there are many issues with plugins in general, but none regarding this specific one.
Thanks for any help!
In reply to: Ver 1.4
saw from an admin that its just a typo error, everything should be up to date.
https://kriesi.at/support/topic/cant-edit-text-in-advanced-layout-editor#post-112478
Thanks
Hi,
Add this to the bottom of your CSS please
#top .size-medium.aligncenter {
margin: 0 auto;
text-align: center;
}
#top .image-overlay .image-overlay-inside {
height: 225px;
width: 300px;
}
.size-medium img {
margin-top: 0px !important;
margin-bottom: 5px !important;
}Thanks,
Nick
Topic: shop image sizes
Hi,
is there a way to force the products and categories thumbnails to get the same size? Ideally, they should be automatically stretched or shrinked to the correct height (or width?) so they are all well aligned in the products catalog.
I tried the following code in the quick css
#top.archive .thumbnail_container {
min-height: 180px;
max-height: 180px;
}
The images are well aligned, but it seems the images are cropped.
Thanks,
Thomas
In reply to: portfolio layout
In reply to: remove search icon from top menu
Hey, I dunno if this is a proper fix, but I just added this line of css to the “Quick CSS” Box (Which can be found under Enfold Theme Options/Styling) —
#top #menu-item-search.menu-item-search-dropdown>a {display:none;}
— hope this helps :)
In reply to: Header menu text position
Hi Christophe999s,
If you add another > it will only target the first level of links. So:
.main_menu ul:first-child > li > a {
line-height: 170px!important;
}Regards,
Devin
In reply to: Header Questions
1.) For 1 , I managed to solve it using this code >
.header_color .sub_menu > ul > li > a, .header_color .sub_menu > div > ul > li > a, .header_color .main_menu ul:first-child > li > a, #top .header_color .main_menu .menu ul .current_page_item > a, #top .header_color .main_menu .menu ul .current-menu-item > a, #top .header_color .sub_menu li ul a {
color: #ffffff;
}
<<<<< not sure if the other elements are complete necessary. I just want the links to be white, and blue if hover or being selected.
3.) .avia-menu-fx {
bottom: 10px;
height: 0px;
}
< I managed to change it but when you scroll down for example, the navigation decreases in height and the arrow is inline with the links, how do i solve this?
Topic: Header Questions
Hi guys , just finished my new logo for http://www.blue2x.com. The static front page and other areas are not yet done but it’s going to be easy because of the nifty features of enfold.
1.) I edited the header in the enfold theme options. And the links in the navigation are still colored blue green or color: #228080; I changed the primary color but it doesn’t work.
Should i use quick css for this ?
#top .header_color .sub_menu li ul a {
color: #228080;
} <<< changed the color but still it doesn’t work
2.) I uploaded a custom background image for the header. What is the ideal dimensions for this ? I just want to use a gradient and to be repeated.
Tried a 1 width 88 height gradient but it won’t show.
3.) I want the arrow in the navigation to move up a bit like 10 to 20 pixels up, what’s the css code for this?
In reply to: Can't edit text in advanced layout editor
Hi,
Please click Screen Options. Which is that tab on the right top side of the page with the editor. See if the Avia Layout Builder has the checkbox checked .
I rebuild everything 5 times before checking there and noticed somehow the checkbox for Layout Builder unchecked itself for no reason.
http://www.clipular.com/c?6460068=BQA7t6m-VFC7ZT_dATa08SP3D7w&f=.png (top of image)
Also , please try using Google Chrome .
Thanks,
Nick
In reply to: Can't edit text in advanced layout editor
Hi All,
There is definitely an issue with the Text editor when using the Advanced Layout Editor. What that is, we don’t know for certain yet but the more details we can get the better.
If you can create a temporary admin for me to login and look at a page that is having the issue live that would be helpful as well.
You can send the information to my email at DevinVinson (at) gmail.com. Make sure to include a link to this topic so that my spam filter doesn’t grab it :)
@ wolfross – All refunds are handled through Envato on Themeforest. I’m not sure what would be causing that kind of issue on your install. I’ve yet to run into something that extreme and even when doing the hundreds of tests on my live test install I’ve not had those issues.
Regards,
Devin
In reply to: Enfold – Responsive Slide Out Menu **ISSUE**
Hi again Nick,
Just tried out both pieces of CSS and the line is now removed from the responsive slide out menu. Thats question ‘b’ sorted….great!
As for question ‘a’, well, im glad you get what im trying to achieve and its almost there. The line goes across the menu perfectly and ive positioned it at the top. However, two things are happening.
a1) I need the long 1px grey line to sit on a layer behind the 2px thick short line. currently, its on a layer above it.
a2) as nice as this line is, its doesn’t scale (or shorten) properly when the responsive menu appears. It just stays at the top and doesn’t scale any further.
Can I just say, to you and the others Nick… you are by far the most supportive post sales service ive ever had dealings with. You’ve actually made me excited to get this site looking exactly as I want it without expecting me to learn everything myself. Gradually, I’ve learnt more and more and its a great experience. Thank you
I have noticed a problem with the logo when viewing the site at a mobile size, when using the new menu, instead of the older dropdown menu. The main top logo shifts to the far right and goes off the screen, and disappears under the menu button. You can see this at http://goo.gl/hrk0c The logo is fine when using the old drop down menu, it is just the new menu that is the problem.
In reply to: Enfold – Responsive Slide Out Menu **ISSUE**
Hi,
a) That line is the top border of the main content block and it cant be moved without moving the entire content area. You can see what I mean here, http://goo.gl/BCmSy.
I am not sure if this can be easily done where you want it. You can try something like this. Play with the 40px, and try it as 40% (well some percent)..
#top .main_menu {
height: 40px;
border-bottom-color: rgb(0, 0, 0) !important;
border-bottom-width: 1px;
border-bottom-style: solid !important;
}b) add this css to get rid of the line in mobile menu
@media only screen and (max-width: 767px) {
#top .avia-menu-fx {
border-width: 0px !important;
}}bb) need to see the code.
Thanks,
Nick
In reply to: Different color for top bar menu and menu hover
Hi,
Please look in this forum, there are a number of posts with code that customizes the entire menu almost. For example try adding this entire block https://kriesi.at/support/topic/enfold-responsive-slide-out-menu-issue#post-112059 to your custom.css file
Thanks,
Nick
In reply to: Header space
Viewing 30 results - 137,851 through 137,880 (of 138,334 total)
