-
Search Results
-
We had some issues with with max-width on the base.css file. Specifically, we have a script that automatically generates thumbnails for youtube videos with a ‘play’ button graphic. It also removes the ugly black bars with the thumbnails generated by Youtube for non-16:9 videos and then links the video into a lightbox style popup window to play them. Upon completion of the video, it automatically closes the lightbox window, so no nasty advertisement popups appear in your face. It does this automatically with no interaction by the website visitor. Smooth, nice and unobtrusive. So there are Ajax callbacks happening to refresh the page content at various stages. The play button graphic has difficulty appearing centered in the thumbnail image using the enfold template upon loading. Something that doesn’t occur when we hand-code a lot of Youtube video links in our own web page. We’ve loaded 40-50 Youtube thumbnails on a hand-coded page with no errors, picture perfect thumbnails and the play graphic dead centered in the thumbnail. And that’s working on Localhost too! Sniffing around your CSS, it may be narrowed down to the img CSS inside Enfold, but I haven’t completely nailed it down. In IE, the thumbnails simply wouldn’t show up, until I comment out the following line in base.css Line 152
max-width: 100%;So how important is this line to Enfold’s performance?
Do you have the CSS properties set at 100% for a reason? Is it important for responsiveness perhaps?
Curious. Commenting out that line cured the IE problems, but we still have the issue with our transparent play graphic not centering in the middle of the thumbs.I realize this is a site specific problem and probably not a major issue with 99% of the folks that have your template, but I would like some input about why the settings are set at 100% so we can look at options on our end. It would also be useful to know if we have overlooked some CSS properties inside the various Enfold files that may have an impact on what I’m describing. I apologize but I don’t have a link online for you to look at. I may be able to put up a test page on a server to illustrate what I’m talking about. It would also show you a rather nifty script that is far superior to the lightbox clone you’re using. It’s very full-featured, has it’s own Ajax library with lots of nifty functions for advanced webmasters and the documentation and support is like no other script online. It’s been around for a very long time too. I figure you folks are vested in your current lightbox script, so I haven’t brought it up, but this one is light years ahead of the one you’re using. Not even close. I changed the entire look of the lightbox to black with one property setting. I saw a thread asking about putting the “title” attribute into the caption area of your Masonry script.
With this script, it’s one simple attribute/option to set and you’re done. No javascript to code inside your functions. It snags the title attribute and loads it into the caption area automatically. It’s good-to-go out of the box.Anyway, I thought I would expand on your question about max-width. This is one of the circumstances where we had issues with max-width, so if it’s not necessary for the performance of Enfold, then you folks might want to consider changing it due to it’s historical problems with IE.
Cheers,
DonTopic: Add Button to Footer
Okay, love the theme, but seeing as how the footer layout of WP is not as brilliant as your Advanced Layout Editor…
How do I add an enfold button (one of these bad boys: http://kriesi.at/themedemo/?theme=enfold) to the footer?
Hey!
I updated my previous code. Sorry, i skipped to add one :hover. Just so we are on the same page, you want to change the background color of “enrol on course” on hover, is that correct?
Cheers!
YigitIn reply to: Translation issue
Hi!
Please try to use Codestyling instead: http://wordpress.org/plugins/codestyling-localization/
Install the plugin, go to Tools > Localization and select “Themes”. Then search for “Enfold” in the list and click on “Add new language”. Then select your language from the list and click the “create po-file” button. Click on “Rescan” to fetch all text strings. Then click on “Edit” and translate the required strings from the “avia_framework” textdomain. At least click the “create mo file” button next to the “Textdomain” selection dropdown (top left corner).Regards,
PeterTopic: Placing buttons side by side
Hi guys,
Without using separate layout elements, how do I place 2 or more buttons side by side, as per your buttons page here: http://kriesi.at/themes/enfold/shortcodes/buttons/?skin=Splash%20Green?skin=Splash%20Green
So just to clarify, if I am using the avia layout builder and have, for example, selected a one-half layout element and then placed a special heading inside it and then I want to add 2 buttons side by side (horizontally) underneath the heading, how would I do it? All I can manage myself at the moment is having 2 buttons side by side by pasting the shortcodes into a text block and making both ‘left aligned’ and putting a few spaces bewteen them, but I would like to be able to centre them within the one-half div element (I tried using auto left/right margins and setting as a block and giving them a width, but it didn’t centre them).
What am I missing?!
Many thanks in advance,
Matt
Topic: Placing buttons side by side
Hi guys,
Without using separate layout elements, how do I place 2 or more buttons side by side, as per your buttons page here: http://kriesi.at/themes/enfold/shortcodes/buttons/?skin=Splash%20Green?skin=Splash%20Green
So just to clarify, if I am using the avia layout builder and have, for example, selected a one-half layout element and then placed a special heading inside it and then I want to add 2 buttons side by side (horizontally) underneath the heading, how would I do it? All I can manage myself at the moment is having 2 buttons side by side by pasting the shortcodes into a text block and making one ‘left aligned’ and the other ‘right aligned’, but that puts them at either side of the div and not next to each other how I would like them to be.
What am I missing?!
Many thanks in advance,
Matt
In reply to: Promo Box – Styling Border Radius
I forgot to mention that I was above to create that promo box with the correct border with some css, but I couldn’t figure out how to get the button styled correctly. I just added another promo box to my website page I sent you with what happens when I try to add the Enfold button to the promo box using the correct styling I am trying to achieve.
First of all I would like to say that this is an amazing theme. I have used Avada & uDesign on some of my other sites, but the Enfold theme is truly amazing. I anticipate switching all my websites over to this theme in the very near future. You folks have done an amazing job on this theme, keep up the good work.
When I was searching for a new theme I came across Enfold and Inovado and thankfully came to the decision in choosing Enfold. My only complaint so far (and granted this is me being picky as this theme is far superior) is that I preferred Inovado “Call to Action” design over Enfolds Promo Boxes. I thought the design gave it a certain dynamic that made it truly stand out on the page like a call-to-action button should.
I am a novice at CSS so I tried figuring out a way to style the promo boxes to give it that extra “WOW” factor, but I am having a very difficult time doing it. Would it be possible to assist me or point me in the right direction on how I could add some style (border, h2, p) to your promo boxes so that they have a similar appearance to that of Inovado’s “Call Out” feature?
Hello Everyone,
I looked all over the place and could not find the answer. I tried everything possible to embed a playlist into enfold but no matter what I do I can’t get the video to play in iOS devices. I have installed a plugin to help( https://www.embedplus.com/dashboard/pro-easy-video-analytics.aspx)
I still can’t get the playlist to work in iOS please help. There is no play button in iOS over the videos. The site is acoustas.com and we really want people with iphones to see the videos. How do I do this.?
I would really apreciate some help here.Hi!
You have “to see full content..” active and i avoid social sharing so i could not take a look at the button but following code should do it
.main_color input[type='submit']:hover, .header_color .button:hover, .header_color input[type='submit']:hover { background-color: black; color: #ffffff; border-color: black; }You just need to change black to your desired hover color
Best regards,
YigitIn reply to: Paypal express and Enfold
Hi dmaca!
1) You can add a margin to the paypal button image. Use following code
.paypal_checkout_button img{ margin-top: 20px; }If you want a completely different button position you need to contact the PayPal Express plugin author because this would require am extension code customization.
2) Yes, use following css code and insert it into the quick css field
.woocommerce-cart .cart-collaterals .cart_totals { width: 100%; }Regards,
PeterTopic: Paypal express and Enfold
Hello everybody!
Is there any chance to get Paypal Express (woocommerce plugin) button look nice on cart page?
By default it is quite dislocated.It is easy to see by adding (lets say) this item http://tinyurl.com/q4h5npw to cart
On cart page … Paypal Express button definitely needs another location…
And btw, and is it possible to make Cart Totals box wider to have all shipping options fit well?
Kind Regards,
DenisHi!
Please add following code as well
.header_color input[type='submit']:hover, .header_color .button:hover { background-color: #a81010; color: #ffffff; border-color: #a81010; }Cheers!
YigitIn reply to: Enfold 2.4.2 + WP Layerslider 4.6.5
I FOUND IT!!!
The fault was ALL MINE. The version upgrade fixed the buttons and now I fixed my thinking :) All is well. Apologies fo my error.
I have to say that I was REALLY IMPRESSED that Kriesi released the WP Layerslider update within 24 hours. It’s the HIGH standard of the support team that make the products such a pleasure to use.
kindest regards,
PPCHOund.
Hey!
Link to image still seems to be broken. Please change Ismael’s code with following one. It should fix both gradient issue and button on your second link
.main_color input[type='submit'], .header_color input[type='submit'], div .header_color .button { background-color: #c05f5f; color: #ffffff; border-color: #a03d3d; border-radius: 3px; background-image: url("https://dev.midischool.com/wp-content/themes/enfold/images/layout/bg-button.png"); background-repeat: repeat-x; background-position: 0 0; padding: 10px; font-size: 12px; text-decoration: none; display: inline-block; border-style: solid; border-width: 1px; margin: 3px 0; line-height: 1.2em; position: relative; font-weight: 600; text-align: center; max-width: 100%; } .avia_ajax_form .button { margin: 0; padding: 16px 50px; border-radius: 2px; border-bottom-width: 1px; border-bottom-style: solid; font-weight: normal; font-size: 12px; } input[type="submit"], #submit, .button { padding: 9px 22px; cursor: pointer; border: none; -webkit-appearance: none; }Best regards,
YigitIn reply to: Blog Post Style
Hi – just wanted to make sure this was seen.
The “kitchen sink” button does not show up in the enfold blog post drafting page. Is this by design? Also, what’s the best way to change the default font style for blog posts?
Many thanks,
JonathanCan a support or a moderator explain why my thread was closed?
If you follow it you will see that you got know where then closed it
I do need this resolved.
Thanks
https://kriesi.at/support/topic/submit-button-use-the-enfold-instead-of-the-form-button/
Hey,
I just upgraded Enfold to 2.4.2, which should include the new WP Layerslider version 4.6.5.
The ‘add new’ button within the transition builder now work (yay!) but I still cannot acheive any transitions other than the default slide-in from right.
Anyone else having this issue? Cleared my browser cache etc .. but nope. :(
WP Layerslider, why do you hate me?
kind regards,
PPCHound
In reply to: Avia Button CSS Changed in 2.4
Hey!
I think that change was intended due to a design trend (i may be wrong), however if you don’t like it, simply add this code to your style.css:
.avia-button{ background-image: url("../images/layout/bg-button.png"); background-repeat: repeat-x; background-position: 0 0; }If it doesn’t work, copy the /images folder from Enfold to your child theme folder.
Cheers!
JosueIn reply to: avia cart buttons
Hi!
Please add following code to Quick CSS in Enfold theme options under Styling tab
a.button.product_type_simple { display: none; }Cheers!
YigitI asked for assistance with reactivating the portfolio UI elements for when a full screen slider is embedded and upon pasting the code there was a syntax error and now I’m not able to edit in WP or locate the file on the server. My site is down and I can’t do further work on it.
Parse error: syntax error, unexpected ‘<‘ in /usr/www/users/freelan/newsite/wp-content/themes/enfold/functions-enfold.php on line 329
“Enfold deactivates the next/prev buttons when you use a fullwidth slider on the page. The reason is that the slider navigation and the next/prev post navigation may overlap each other and Kriesi wanted to avoid this problem. If you still want to show both navigation buttons open up functions-enfold.php and delete following code”
Please can you supply me with the functions-enfold.php file or tell me where to locate it — ASAP.
Thanks!
In reply to: Accordion Font in Bold
Hey snowstone!
Please add following code to Quick CSS in Enfold theme options under Styling tab to change color of bold text in accordion content and adjust as desired
.main_color .toggle_content strong { color: red; }You can simply click on bold to make your content bold http://i.imgur.com/ooQEbf0.jpg
P.S.: I have removed your website from your post. Next time you can check ” Set as private reply (Only you and moderators will see the content of this post)” above Submit button to make your post private :)Cheers!
YigitHello,
i cannot figure it out…how to fix it
I made as the example showed on ENFOLD demo, on one page portfolio, with a link within a page.
If now i click on the “button” the page scroll down to the marker # I used. Image 1 with white arrow.I have a small problem with the alignement, as you can see from the image. (image 2 with zoom)
When the page scroll down, it does not align perfectly as in the ENFOLD template demo.
It lives some space between the content and the header and overlapped it.
there is a way to fix this using css ?
I sow that if i use the “small fixed header” there is no problem. This happen only with the fixed header with social icon and navigation.
