-
Search Results
-
Three quick questions …
1. Is there some quick CSS code that I can add so my Masonry Blog landing page to remove the date and only display the post title? (http://800.9e8.myftpupload.com/blog/)
2. And how do I control the Title text color in the footer area? Is there some CSS code that I can add that will only affect this area? (http://800.9e8.myftpupload.com)
3. I am using the MailChimp for WordPress Pro plugin and the buttons display as squared off corners instead of the typical round Enfold corners. How can I change this? (http://800.9e8.myftpupload.com in the blue band at top and in footer on this page)
Thanks!
Is it possible to change the “submit button” text size and make it bold.
Im using the built in contact form with enfold.
Thanks
Hey guys,
I’ve got a few questions about mailchimp integration into Enfold. I followed all steps in your manual and using Mailchimp for WP plugin.
1. In all my contact forms on the website I’m using dark transparent color scheme – is there any way how to use it also for my mailchimp signup form to make it look the same?
2. I use the one-line signup form. I slightly modified the form mark-up to accomodate four form columns (first name, last name, email and submit button) in one line but after that the submit button isn’t in line with other form colums, is slightly below. What am I doing wrong? Here’s the code.-
<p class=”first_form form_element form_element_fourth”>
<input type=”text” name=”FNAME” placeholder=”Vaše meno” required />
</p>
<p class=”second_form form_element form_element_fourth”>
<input type=”text” name=”LNAME” placeholder=”Vaše priezvisko” required />
</p>
<p class=”form_element form_element_fourth”>
<input type=”email” name=”EMAIL” placeholder=”E-mailová adresa” required />
</p>
<p class=”form_element form_element_fourth modified_width”>
<input type=”submit” value=”Sign up” class=”button” />
</p>Thanks for your help!
MartinHi,
I am trying to use the Enfold template on a site I’m working on. It worked for a while but I believe someone updated WordPress to 4.1.1 and it broke the theme. Here is what I have done:
Disabled all plugins
deleted the theme and reinstalled using WP Upload Theme
Deleted the theme and reinstalled using FTP
Clearing the WP Cache
Clearing browser cache
trying chrome
trying IE
Examined theme and WP files for glaring issues or non-upgrade code.I still can’t get it to work. It’s the same issue others have described on the boards. Spinning wheel on the advanced editor. However I have had some more issues tag along. While editing pages, I can’t click Default Editor button, I can’t click the Screen Options button. When I go to the Enfold theme options, I only get the first page – there are no option on the left side. I click on Show All Options and nothing happens.
Please advise on how to fix. Thank you!
Need to alter image on Single Product Page to a landscape format. Currently the image is 1/3 of the width of the page and the text beside it is 2/3. I need to flip this, so that I can display a landscape image on 2/3 width of the page, with the title and purchase button in the remaining 1/3. Can you advise the best way to do this in Enfold please?
Alternatively, a single product page layout more like Propulsion, with the image full width, and the other elements below.
Essentially, the square images really don’t work well with images that need to be landscape, and I’m looking for a better solution.
Hi!
How do create a header with a button and/or text on top of it?
I want to look like the example on the demo page: kriesi.at/themes/enfold/homepage/transparent-header/Thanks!
Hi, after updating to latest enfold and woocommerce, I’ve noticed that the layout of the Cart page is changed. Now the coumn of the “shipping calculator” is gone and it’s included in the “cart totals” column, and also the checkout button has been moved ad the bottom of the page… is this correct?
thanks
In Woo Commerce 2.3.5 they have updated the framework and moved the ‘Apply Coupon’ , ‘Update Cart’ and ‘Proceed to checkout’ buttons to a different locations in the code, with a better separation of design/code.
I would like to modify the Cart buttons ‘Apply Coupon’ , ‘Update Cart’ and ‘Proceed to Checkout’
I have read the below support post, but the CSS change did not update anything for me.
https://kriesi.at/support/topic/switching-buttons-in-cart-woocommerce-or-enfold/It offered trying…
#top .avia_cart_buttons > a:first-child {
float: right;
}I am using CloudFlare, so I purged cache and entered developer mode, but did not notice a change.
Here is the ENFOLD out of the box placement…

Here is the desired coloring and placement, considering primary and secondary action buttons…

Thanks for all that you do, best!
I wanted to outline the procedure for creating a custom post type and using it with Enfold theme. So here it goes.
Here’s how to create a custom post type in Enfold and use it for storing, categorizing and displaying galleries (photo galleries in my case). I wanted to use the portfolio type solely for my projects and needed to have another post type for galleries. And I wanted to keep the taxonomies separate as well.
So below I have described the process for creating a CPT using a plugin and modifying the functions.php file to include some code to use the CPT. All this is based on the support I received from the Enfold team so my contribution is simply to bring it all together in one place. With many thanks to the support team, I hope you find it useful.
Install a plugin that lets you create custom post types (CPT). I used Types. Once installed, go to it and click Add Custom Post Type button.
You will be taken to Add Custom Post Type screen. This is where you define your CPT. Here’s what I did.
You could name these as you like but keep the names handy as you’ll use them later in the functions.php file.
Once you have defined the CPT, you can scroll down to set additional settings. Make sure the profile is public and tags taxonomy is selected.
Save the custom post.
You’ll back at the main page of the Types plugin.
Next click Add Custom Taxonomy button to create categories so you can categorize your work.
Type you categories names at the Add New Taxonomy screen. See this example:
Once you have defined your taxonomies, you can save them and get back out to the main screen.
You should have something like this:
Let’s now make changes to the functions.php file so we can use this CPT. I’ve used a child theme so the changes are made there.
Add this code to the file:
/* to support displaying custom post types */add_theme_support(‘add_avia_builder_post_type_option’);
add_theme_support(‘avia_template_builder_custom_post_type_grid’);/* to display advanced portfolio setting */
add_filter(‘avf_builder_boxes’,’enable_boxes_on_posts’);
function enable_boxes_on_posts($boxes) {
$boxes[] = array( ‘title’ =>__(‘Avia Layout Builder’,’avia_framework’ ), ‘id’=>’avia_builder’, ‘page’=>array(‘portfolio’, ‘page’, ‘post’,’gallery-items’), ‘context’=>’normal’, ‘expandable’=>true );
$boxes[] = array( ‘title’ =>__(‘Layout’,’avia_framework’ ), ‘id’=>’layout’, ‘page’=>array(‘portfolio’, ‘page’, ‘post’, ‘gallery-items’), ‘context’=>’side’, ‘priority’=>’low’);
$boxes[] = array( ‘title’ =>__(‘Additional Portfolio Settings’,’avia_framework’ ), ‘id’=>’preview’, ‘page’=>array(‘portfolio’, ‘gallery-items’), ‘context’=>’normal’, ‘priority’=>’high’ );return $boxes;
}`Notice the “gallery-items”? They are the same we created earlier. The code also enables the Advanced Layout Editor. Save the file. That’s it.
Now once all this is done, just create a gallery item from the Gallery Items on the left side.
In order to display the contents in this CPT and the categories, choose your desired portfolio or masonry in a page and you’ll be presented the with some additional choices. See Below:
Now you can choose to display the post type so you can choose the newly created CPT (Gallery Items) and Gallery Categories.
You have now duplicated the portfolio post type and all its features.
Keep in mind that if you have existing content that used categories, you may have to change some settings, especially the categories and post types in order for them to display properly.
Hope you have fun and find this useful.
Regards,
Hi,
http://enfold.atera.com/product-features/
When I open this page, the buttons doesn’t loo the way I deisned them, but when I use the “Preview Changes” everything looks fine – why is that…?
Preview: http://postimg.org/image/5ay0t6al1/
Actual page: http://postimg.org/image/r6edryyx3/Thanks ! :)
Hi Guys
I just wondered if it was possible to create a page using the page builder in enfold but have the login username and password boxes for members to login on this page as well.
I’ve looked at custom login page plugins but they all seem to just enable you to customise the wp-login page.
I actually want to put the login username and password boxes on a page that I’ve created within the site so it doesn’t break the sites theme and styling.
Ideally I’m looking to add 2 1/2 columns, then in the left hand column put the username and password box so they are full width across the half column with a full width button under to login.
Can any one point me in the right direction with what to do that would be great. (I can do simple php and css coding from examples).
Topic: Customizing The Main Menu
hi.
thanks so much for all your help so far. i finally have a grasp on the enfold structure and hierarchies but i’m now starting to customize my main menu and i’m running into some issues.
you can find the page i’m editing here:
cindyworkman.com1. i’d like to have a full screen main menu but all the various css code snippets i’ve found on the forum posts don’t work. i’d like it to look like this – where the height of the menu remains static no matter what size the window is resized to but the L/R padding of each section (do you call this a button?) would increase or decrease depending on the browser window size. Text remains centered in each button and retains it’s size of 12px:
cindyworkman.com/cw_images/fullscreen_menu_example.jpg
NOTE: this image is from a photoshop comp so it looks like i might be asking for some white space on either side but i don’t want any white space. imagine the single pixel black lines on the left/right side are the boundaries of the browser chrome.
2. I’ve used some custom css (see below) to adjust the header and the height of the menu (and perhaps what i used is wrong – it’s noted below) but i can’t seem to get rid of the 2 horizontal lines above and below the menu. i’m not even sure these lines are part of the menu – they may be part of another element (logo, logo box) that i previously hid. and as i can’t see under the hood to see what i’m targeting (like with html) it’s been hit or miss as to what element to address in my custom css.
can you please tell me how to get rid of these? thanks.
/*Make the logo disappear*/
.logo { display: none !important; }/*Make the logo placeholder box disappear*/
div#header_main > .container {
display: none !important;
}
.html_header_top.html_header_sticky.html_large.html_bottom_nav_header #main {
padding-top: 37px !important;
}/*main menu height*/
.av-main-nav > li, .av-main-nav > li > a {
height: 41px !important;
line-height: 41px !important;
}3. I’d like my menu be sticky BUT appear after the 1st color section and above the 2nd color section. I’ve uploaded a jpeg so you can see what i have in mind:
cindyworkman.com/cw_images/nav_color_section2.jpg
and yes, my intention is to have only an image with hotspots for the first color section on the page – which would go right up to the top edge of the browser chrome.
can you please tell me how i can accomplish this?
4. When I resize my browser window to be smaller – the menu is completely disappearing? i assume it’s going into hibernation as the browser window hits a targeted size (phone or tablet) as i have the option checked to use the mobile menu. but is there a way to see the menu ‘tablet icon’ while i’m building my page?
thanks in advance for al your help.
cheers-
cindy
Hi all,
I have been developing a website using Enfold Photography theme for my client.
I have observed that on Smartphone, it gets responsive. there is a Sidebar option button alongside the header adjacent to LOGO of the website.
But also you can view the sidebar menu when you slide the page to left. My client doesnt like that. He just wants the menus to pop up only on clicking the menu button option on the header.
Could you tell me how can i disable the slide option for menu,?PFA the link of the image showing the slide menu on smartphone
Thanking you in advance
Hello, I would like to know how to make just the same sort by as in this link:
http://kriesi.at/theme-overviewI need custom sort buttons with custom text and count just like in Kriesi main page.
I need to use this filter on portfolio items. Please help! :)
Thanks! :)
How can I increase the size of the fullscreen slider buttons? When you are using a fullscreen image or video the default button size is way too small. Is there a quick way to change the size of that button to be at least twice as big?
Thanks in advancehi.
thanks so much for all your help so far. i finally have a grasp on the enfold structure and hierarchies but i’m now starting to customize some things and i’m running into some issues.
you can find the page i’m editing here:
cindyworkman.comhere’s a break-out of the problems i’m encountering – and apologies for the length of this post but a few items seem to piggy-back on others so i thought it best to keep it all together:
main nav:
1. i’d like to have a full screen main menu but all the various css code snippets i’ve found on the forum don’t work. i’d like it to look like this – where the height of the menu remains static no matter what size the window is resized to but the L/R padding of each section (do you call this a button?) would increase or decrease depending on the browser window size. Text remains centered in each button and retains it’s size of 12px:
cindyworkman.com/cw_images/fullscreen_menu_example.jpg
NOTE: this image is from a photoshop comp so it looks like i might be asking for some white space on either side but i don’t want any white space. imagine the black single pixel lines on the left/right side are the boundaries of the browser chrome.
2. I’ve used some custom css to adjust the height of the menu (and perhaps what i used is wrong – it’s noted below) but i can’t seem to get rid of the 2 horizontal lines above and below the menu. i’m not even sure these lines are part of the menu – they may be part of another element (logo, logo box) that i previously hid. and as i can’t see under the hood to see what i’m targeting (like with html) it’s been hit or miss as to what element to address in my custom css.
can you please tell me how to get rid of these? thanks.
/*main menu height*/
.av-main-nav > li, .av-main-nav > li > a {
height: 41px !important;
line-height: 41px !important;
}3. I’d like my menu be sticky BUT appear after the 1st color section and above the 2nd color section. I’ve uploaded a jpeg so you can see what i have in mind:
cindyworkman.com/cw_images/nav_color_section2.jpg
and yes, my intention is to have only an image with hotspots for the first color section on the page – which would go right up to the top edge of the browser chrome.
4. i’d like to customize the active state background color for my menu items. currently i have adjusted the hover color in the advanced styling but there’s no option for the active state and i’m not sure what to target – i tried this code but it doesn’t work:
/*menu background color for active section NOT WORKING*/
.main_menu ul:first-child>li a:active {
color: #3d3d3d;
}can you please tell me what the css would be for this? thanks.
5. When I resize my browser window to be really small – the menu is completely disappearing? i assume it’s going into hibernation as the browser window at it’s smallest size = a phone or tablet. but, that said, there’s no way to then see the menu ‘tablet icon’ while i’m building my page?
am i correct in describing this behaviour – or is something coded wrong with my menu? and is there a way to see this tablet icon on-screen using a browser?
header/footer overlap
1. currently both the header and footer are overlapping my page content e.g. the color sections. how would i have both the fixed menu and the fixed footer abut these color sections? e.g. share a common edge rather than overlap?
Footer
1. After a lot of fiddling around using both images and/or text inside a text widget in my footer, i’ve settled on using one image (dots and copyright line) – which is what you currently see on the example page.
when i only enter in text, it works correctly and the content is vertically aligned, but as you can see using only an image there’s more space below the image than above. how would i adjust this?
Additionally, i’d like this image to be right aligned with a padding on the right side of 21 px. currently there’s pretty big gap there and i can’t figure out why?
and lastly, when i make my browser window smaller, the height of the footer increases so it’s huge. how can i retain the height it is when it’s full expanded?
and fyi: the footer’s been set to be ‘sticky’.
here’s the css i currently have – which did adjust the height of the footer and somewhat get the image to the right side:
/*changing the padding on the footer*/
#footer {
padding: 0 !important;
}/*right aligning the footer text widget*/
#footer .widget .textwidget {
text-align: right !important;
}/*making the footer sticky*/
#footer {
position: fixed;
width: 100%;
bottom: 0;
z-index: 10000;
}Responsive Images
i have been playing around quite a bit to get exactly what i want visually and behaviour-wise.
the sample page noted above for my site (cindyworkman.com) includes lots of different variations tested to achieve my goals. for simplicity’s sake, please refer to the 1st color section and the layer slider right below this first color section as illustrations of what i’m describing below.
currently i have a one-page site using color sections with background images. When a browser window is fully expanded i’m seeing only one color section at a time – and this is what i want. when i expand the browser window to make it wider, the image is still great. but, when i reduce the size of my browser window (height, width or both), the image is not responsive and it is not resizing.
i saw another post where there were instructions to adjust the background image to ‘stretch to fit’ and ‘center-center’ and while this does stretch the image effectively (when a browser window’s width is made larger), it does not resize the image when the browser window is made smaller (height, width or both). and it centers the image in the color section – which for me was worse as my image was willy-nilly clipped on both the left and right sides.
for my purposes, ‘stretch to fit’ produces a good visual result. but i also need to choose one of the fixed positions (e.g. bottom left) so i can control how my image gets clipped. in the end, how do you get this background image to responsively resize itself proportionally (based on a fixed point (e.g. bottom left)) when a browser window is made smaller or the site is viewed on a phone/tablet?
should i be using one of the other media elements?
i tried several other methods:
– nesting an image inside the color section. this didn’t work – and no longer on this sample page.
– just placing an image on the page. this also didn’t work as it created lots of surrounding white space. no longer on the sample page.
– i tried a fullscreen slider with a single image but it also didn’t respond responsively? it behaved just like the color section described above.
and lastly i did a cursory peek at the site on my ipad and just see a clipped image?
what do you suggest as a solution? i’d prefer to stick with the color sections as they are easy/already coded with anchors to the various sections of the page but i’m open to anything….
thanks in advance for all your replies and suggestions.
cheers-
cindy




