Forum Replies Created
-
AuthorPosts
-
May 26, 2014 at 6:09 am in reply to: How to solve problem with pixelated phrase titles in the slider image? #269935
Hey!
Thank you for using the update.
Please follow Dude’s suggestion about separating the background image from the actual text. Use the fullscreen slider then add the slider image. Edit the image and place the text graphic using html tags on the Caption Text field. Something like this:
<img src="CAPTION TEXT GRAPHIC URL HERE">Add this css snippet in order to resize the slider image:
.avia-fullscreen-slider .avia-slideshow>ul>li { background-size: 100% 100%; }Cheers!
IsmaelHey!
Thank you for the update.
Like anyone else is saying here, the site loads fine on my end even though I have the suckiest internet connection that you can ever imagine. You might want to optimize the website a bit. Usually minimizing the image file sizes and number of plugins that you install will greatly improve the performance. These are the things that you can do to optimize the website speed and page load courtesy of the wordpress community:
1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg
2. Once all images are on the website optimize with ewww optimizer plugin twice 1hr 10mins apart.
3. Install wp-smushit run once to remove jpeg extra data, then uninstall.
4. Use BWP minify plugin to minify scripts and stylesheets.
5. Install WP-Super cache, select all recommended settings.
6. Logout your website, visit every page at least once to create super cache files.
7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. once done log out.
8. Have a cup of coffee.
9. Visit your site after 20 minutes or so.
10. Don’t forget to smile.I hope that helps.
Regards,
IsmaelMay 26, 2014 at 5:48 am in reply to: How to change background to an image when in stretched layout? #269926Hey David!
Thank you for visiting the support forum!
I’m sorry but I may not be understanding you clearly. Do you mind providing a screenshot or the link to an actual page with the example? Are you referring to the image overlay effect when you hover over an image? We’ll be happy to provide you with a solution once we have a better understanding of the issue.
Regards,
IsmaelHey dwrh!
Thank you for visiting the support forum!
You can use this css snippet on Quick CSS or custom.css:
.portfolio-preview-title { font-size: 25px; font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: red !important; }Best regards,
IsmaelHi!
Thank you for the update.
Do you mind providing us with the login details? Please set it as a private reply. Is it ok if we deactivate all plugins while debugging the issue? We don’t want to mess with the plugin settings while trying to figure out the problem.
Cheers!
IsmaelHi!
Glad we could help. You can also try @Flikk’s suggestion about adding custom css selector to give you more control over the design and layout of the theme.
Regards,
IsmaelHey!
Glad you figured it out. In case you have any questions, please take some time to review all of the resources in the Theme Documentation as a lot of basic stuff like theme installation, css snippets etc are already available in there with better explanation and awesomeness. Watch some of our Video Tutorials to learn more about the different aspect of the theme. You can also search the forums for queries that has been answered before that might be related to your problem.
If you find that you still have questions after taking the time on our documentations, don’t hesitate to let us know and we will be happy to assist you. If you have any requests or you feel like giving us a warm hug? You can definitely post it on our Feature Requests page. :)
Regards,
IsmaelMay 26, 2014 at 5:24 am in reply to: Background images don't show up inside content sliders' slides #269913Hey DalandanUX!
Thank you for using the theme.
Do you mind providing a link to the actual page with the slider? A screenshot of what you’re trying to achieve will help. A quick question, are you still having issues with pages not going full width even though you set it as full width? Did you add any html tags on any elements? Maybe, you forgot to close the html tags leading to a broken layout.
Best regards,
IsmaelMay 26, 2014 at 5:15 am in reply to: How can I create a "Color Section" that is Transparent? #269911Hey!
Thank you for using the theme!
@Flikk is correct, you can edit the color section then look for the For Developers: Section ID field. Add a unique id for the color section. For example, use bg-transparent. Add this on Quick CSS or custom.css:#bg-transparent { background-color: transparent; }Aside from that, you’ll need to set the background color of the main and wrap_all container to transparent:
#main, .html_stretched #wrap_all { background-color: transparent; }Best regards,
IsmaelHi!
Glad @Flikk could help. If you have any questions regarding the theme, let us know. We’ll be happy to help.
Regards,
IsmaelHey!
Thank you for the update.
Yes, I can see the issue now but I can’t reproduce it on my end. The icon box link for page is working fine on our end. Is it ok if we deactivate all plugins while working on your website? We don’t want to mess up your plugin settings. If possible, deactivate the plugins yourself, see if the page list works again.
Best regards,
IsmaelHey!
Thank you for using the theme.
Please go to Enfold > Header Layout > Mobile Menu > Header Mobile Menu activation. Select the second option then save changes. This will force the theme to show the mobile menu on screen sizes lower than 989px.
Best regards,
IsmaelHey!
Thank you for using the theme.
Flikk is right, it is best that you create a child theme in order to override the form styling on the child theme’s style.css. You can also override the form styling on Quick CSS or custom.css. Note that you can find all form css codes on css > base.css.
Cheers!
IsmaelHey!
Thank you for using the theme.
1.) We will need to see the actual page where the image is located. Please post the page url here.
2.) Please try to specify the absolute url where the font is located. and make sure that you have access to all the font format. For example, you can try this:
@font-face { font-family: 'Gotham Black'; src: url('http://www.mywebsite.com/wp-content/themes/enfold/fonts/GothamHTF/GothamHTF-Black.otf') src: url('http://www.mywebsite.com/wp-content/themes/enfold/fonts/GothamHTF/GothamHTF-Black.eot?#iefix') format('embedded-opentype'), url('http://www.mywebsite.com/wp-content/themes/enfold/fonts/GothamHTF/GothamHTF-Black.woff') format('woff'), url('http://www.mywebsite.com/wp-content/themes/enfold/fonts/GothamHTF/GothamHTF-Black.ttf') format('truetype'), url('http://www.mywebsite.com/wp-content/themes/enfold/GothamHTF/GothamHTF-Black.svg#GothamHTF-Black') format('svg'); font-weight: normal; font-style: normal; }3.) The advance layout builder doesn’t support posts. Please watch this video: https://vimeo.com/64996057
You need to edit config-templatebuilder > avia-template-builder > config > meta.php, find this code:
array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('portfolio','page'), 'context'=>'normal', 'priority'=>'high', 'expandable'=>true ),Replace it with:
array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('portfolio','page', 'post'), 'context'=>'normal', 'priority'=>'high', 'expandable'=>true ),We won’t be able to provide support for any related issues that may occur if you add the advance layout builder to posts.
Cheers!
IsmaelHi QwikThinkers!
Thank you for using the theme!
There are lots of script errors on the website and it is probably cause by W3 Total Cache minify feature. Please disable the option then use this plugin instead: http://wordpress.org/plugins/bwp-minify/
Add this on functions.php to exclude the custom.css file:
add_filter('bwp_minify_style_ignore', 'exclude_my_css'); function exclude_my_css($excluded) { $excluded = array('avia-custom'); return $excluded; }Regards,
IsmaelHi!
Thank you for the link.
I’m sorry but I’m not sure why it’s not working on IE8. Do you have a minify plugin? Please deactivate all plugins then check it again. If you don’t have the latest version of the theme, download the latest version from your themeforest account then update the theme via FTP. Please refer to this link for more info: http://kriesi.at/documentation/enfold/updating-your-theme-files/
Regards,
IsmaelHi jlarmen!
Thank you for using the theme!
Where do you want to use the image? The theme crops the image into small thumbnails and set it to different elements of the theme accordingly. You can set the crop parameter to false if you want to prevent wp from cutting the edges of the image. For example, edit functions.php, find this code on line 101:
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270); // big images for blog and page entriesReplace it with:
$avia_config['imgSize']['entry_with_sidebar'] = array('width'=>710, 'height'=>270, 'crop'=>false); // big images for blog and page entriesRegenerate the thumbnails or upload it again. We’ll need to know where exactly are you trying to use the image so that we can point you on the right direction.
Regards,
IsmaelHi!
Sorry for the delay.
For clarification, what do you mean when you say “links section”? Is it the main menu? Do you mind providing us with a screenshot? Checking on the website, the icon lists elements are working fine. Make sure that you set the main menu as Enfold Main Menu on Appearance > Menus panel.
Best regards,
IsmaelHi!
Thank you for the link.
I visited the website and there are script errors when I checked the console. Please deactivate the plugins then test the visual editor again.
Cheers!
IsmaelHey Steven!
Thank you for using the theme.
Do you mind providing a screenshot of the gaps that you want to remove? If you want to edit the column gaps, you’ll need to increase the width then decrease the left margin:
div .av_one_fourth { margin-left: 0; width: 25%; }Best regards,
IsmaelHey nurdwurks!
Thank you for using the theme!
You can change the slider transition by editing each slide. Look for the Slide Options > Slide transition. Select from the 2D and 3D transitions then close the panel. Don’t forget to save changes.
Regards,
IsmaelMay 24, 2014 at 6:18 am in reply to: Navigation Label changes don't affect how they appear in the menu. #269442Hi Celeste!
Thank you for using the theme.
Looks like it is working now. Make sure that you set the main menu as Enfold Main Menu on Appearance > Menus panel.
Best regards,
IsmaelMay 24, 2014 at 6:15 am in reply to: Border Removal – Small bar above Main Menu & Logo Size CSS #269440Hi!
Thank you for using the theme.
The header shrink option is disabled. Please go to Enfold > Header Layout > Header Behaviour. Enable the Shrinking Header setting. You can remove the border or the box shadow of the header meta with this on Quick CSS or custom.css:
#header_meta { border-top: none; box-shadow: none; }Best regards,
IsmaelHey Michael!
Thank you for visiting the support forum.
The related posts section looks fine when I checked it on Firefox and Chrome Windows 8. They look the same. The image link that you provided doesn’t work. The page says, “You have linked to this page instead of my copyright images. This site does not allow image linking.
Please stay and view what I do.”Best regards,
IsmaelMay 24, 2014 at 6:06 am in reply to: Page formatting causing text overlapping & poor layout on mobile site. #269437Hi!
Thank you for the info.
I’m sorry but you’re using a very old version of the theme, 2.4.4. We won’t be able to debug the issue unless you update the theme to 2.7.1. Please download the latest version from your themeforest account then update the theme via FTP. Please refer to this link for more info: http://kriesi.at/documentation/enfold/updating-your-theme-files/
Best regards,
IsmaelHey rlmilton!
Thank you for using the theme.
First of all, what is the actual slider that you’re planning to use? Layer Slider? Easy Slider etc? We’ll try to provide you with a solution once we know the slider that you’re going to use.
Cheers!
IsmaelMay 24, 2014 at 5:59 am in reply to: Logo widget disappeared in new version and how do I remove the " #269433Hi garyguthrie!
Thank you for visiting the support forum!
From what version of the theme did you update? I checked the website and I can see the logo slider. Please remove browser cache then reload the page a few times. Add this on Quick CSS or custom.css to remove the related posts section:
div.related_posts { display: none; }Cheers!
IsmaelHey!
Thank you for the screenshot.
Please use this on Quick CSS or custom.css:
.av-main-nav > li > a:after { content: ''; display: block; width: 1px; height: 50px; background: red; position: absolute; top: 60px; left: -2px; }Adjust the top and height property depending on the header height.
Regards,
IsmaelHi!
Thank you for using the theme!
Please try to switch to the default theme then set the menu theme locations again. If it doesn’t work, maybe there’s something wrong with your wordpress installation. If possible, please post the website url here so that we can inspect it.
Regards,
Ismael -
AuthorPosts
