-
AuthorSearch Results
-
June 16, 2013 at 8:42 am #124015
In reply to: Sidebar question
Hi,
Ok here we go , this is my first attempt at styling the sidebar element to resemble the proper sidebar.
If you have a 2/3 and 1/3 columns and the 1/3 column has a sidebar element, I created some styles that will now make that ‘mini-sidebar more resemble the full length sidebar. Its a bit messy since I left a lot of css since I wasn’t sure if it doesn anything under specific circumstances, but it works.
#top .container_wrap .avia-builder-el-last {
border-left-style:solid;
border-left-width:1px;
border-color:#E1E1E1;
color:#919191;
float:none;
overflow:hidden;
display:block;
clear:none;
padding-top:4em;
padding-bottom:2em;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
min-height:1px;
padding-left:2em;
}
#top .content,.sidebar {
padding-top:0px;
padding-bottom:0px;
}
div .av_three_fourth {
margin-left:6%;
}
@media only screen and (min-width:1140px) {
#top .container_wrap .avia-builder-el-last {
width:23em;
}
div .av_three_fourth {
width:67.5%;
}
}
@media only screen and (min-width:980px) and (max-width:1139px) {
#top .container_wrap .avia-builder-el-last {
width:15.9em;
}
.js_active .top_tab .tab {
border-bottom:none;
padding:12px 10px 14px 16px;
}
div .av_three_fourth {
width:67.5%;
}
}
@media only screen and (max-width:979px) {
#top .container_wrap .avia-builder-el-last {
display:none
}
div .av_three_fourth {
width: 98%;
}
}http://www.clipular.com/c?7708069=9VaXJSGLR6AfMuVe33WZKUjKVqg&f=.png
Thanks,
Nick
June 16, 2013 at 4:31 am #124763In reply to: Mobile Version – Layer not showing
Hi Nick , what do you mean about the artifact ?
I reinstalled wp super cache ( wasn’t aware it was deleted or might have happened when I messed up my old thematic theme before ).
I don’t want to change the header effect ( it works fine in web but in phones or tablets ) For example in the iphone 5 landscape , it repeats 20 percent of the bg size to the bottom or in the nav area.
I’m either thinking either removing the background image in mobile or fix the repeating background ?
I want to allign the logo horizontally how do i do that ?
And also the widgets don’t have padding. Can you guys point me out where I can find the codes for mobile ? So I can play around and tweak stuff.
Lastly for the transparent png effect or ” laser effect ” . It’s the effect that you see in the layer slider animation, two lines coming from left and right, top line remains and the bottom one fades away. In mobile you don’t see it happen not sure why.
June 16, 2013 at 12:33 am #124545Hi,
Kriesi recommends that you take the layerslider out and drop it in the plugins folder to use regular layerslider shortcodes. otherwise the slider shortcodes do not work outside the builder. https://kriesi.at/support/topic/how-to-insert-slide-show-with-layerslider#post-118722
Thanks,
Nick
June 16, 2013 at 12:21 am #124762In reply to: Mobile Version – Layer not showing
Hi,
Your website is referencing some artifact from a mac
http://blog.blue2x.com/wp-content/themes/enfold/config-layerslider/LayerSlider/skins/.DS_Store/skin.cssAlso your Super Cache says its broken with this error
<!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->
Your header has a gradient effect on my laptop. In photoshop it says top of header is f9f9f9 and bottom of header is e5e5e5 and changes in between.
Try this css. If nothing happens switch the css between the (.header_color) with the (.header_color .header_bg)
.header_color {
background: none;
}
.html_stretched #wrap_all {
background-color: rgba(255, 255, 255, 0);
}
.header_color .header_bg {
background: #FFF url(https://blog.blue2x.com/wp-content/uploads/2013/05/bg2.jpg) top center repeat scroll;
}Thanks,
Nick
June 15, 2013 at 11:45 pm #116472In reply to: Enfold Showcase
Hi,
It’s nice to see so many different looks come out of a single theme. Some creativity flowing out of this topic. Nice!
Thanks,
Nick
June 15, 2013 at 11:19 pm #124209Hi,
You are correct. Blog link is pointing where its supposed to. Nice. You can use this css to center your images
#top .fullsize .template-blog .big-preview.multi-big {
width: 50% !important;
margin-right:auto;
margin-left:auto;
}Thanks,
Nick
Ya, I am in SE Asia on the beach with a beer and a laptop
June 15, 2013 at 8:42 pm #124707In reply to: Blog Scrolling List
Hi,
A single scrolling endless row is a scary concept! :)
Do you mean single column?
If you would, please add it to the Enfold feature suggestion list here. https://kriesi.at/support/topic/enfold-feature-requests/page/3
Thanks,
Nick
June 15, 2013 at 8:33 pm #125000In reply to: Header menu intersecting with logo
Hi Ismael,
Your code fixed the header a little bit.
1) Meaning when I’m viewing at full screen everything is normal.
2) I shrink a bit, the spacing between the header titles gets smaller to avoid the overlapping with the logo. This is what your code did and it solved the overlapping problem.
3) Then if I shrink a bit more, the titles start overlapping with the logo again.
4) After a little more shrinking then it finally goes into mobile view.
Is there a way to make the logo be at center top and the header titles be under the logo at step 3? I think that would be the best solution to fix this problem because if we decrease the space between the titles anymore it would look like a single line then.
June 15, 2013 at 8:27 pm #123734Hey Guys! Just worked out a solution for this. Since this is very random and seems to be connected to the fact that it only appears when a slideshow is used on the same page I am not sure if the solution I used will fix the problem for everyone.
The next update will include the bugfix (will be released during the next few days). If you still encounter any issues please open up a new thread then ;)
But for the majority of you the problem should be gone and it should work fine on all desktop browsers. As for fixed images on iOS: still havent seen a site that was able to pull this off, also the demos linked here that claim to work on iOS dont work for me…
June 15, 2013 at 7:42 pm #24796Topic: Google Website Translator Plugin
in forum Enfoldvery217
ParticipantDear Support Team,
I would like to add the Google Website Translator Plugin to the navigation menu on the Enfold theme.
https://translate.google.com/manager/website/
Google’s instructions are to place the snippet below where I would like to display the plugin.
<div id=”google_translate_element”></div><script type=”text/javascript”>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: ‘en’, layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, ‘google_translate_element’);
}
</script>
<script type=”text/javascript” src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”>
</script>
Could you please advise me where I should place this code in the header.php file.
If it is not possible to add the plugin to the navigation menu – on top of it will also do :-)
Thanking in advance,
Kind Regards,
Will
June 15, 2013 at 5:57 pm #124203Hi,
If you want your images to be not so much blown up on the blog page. http://vacationrentalsecrets.com/blog/ Because some of your images you upload at 400px width and they get stretched out and become blurry. http://www.clipular.com/c?7530087=NjKFX29L_zQPxqkzE2m1jJz7mFE&f=.png Up to you.
#top .fullsize .template-blog .big-preview.multi-big a, .fullsize div .template-blog .big-preview.multi-big a img {
max-width: 400px;
}
“Blog – Latest News” can be accessed on line number 9 of single.php in root folder of the website:
$title = __('Blog - Latest News', 'avia_framework'); //default blog titleThanks,
Nick
June 15, 2013 at 4:05 pm #123733It just depends on how Kriesi wants to or can add it in. I’m going to close this topic for now until Kriesi can take a look and respond since there isn’t much we can do at the moment.
Regards,
Devin
June 15, 2013 at 3:36 pm #124937In reply to: Smaller padding around Images
Hi,
The side images doesn’t shrink. Actually, the code increased the size of the one_half column then decrease the left margin, so technically the red shoes is much bigger.
.page-id-1668 .av_one_half {
margin-left: 0.0001%;
margin-right: -3%;
width: 50%;
}This code decrease the left margin of one_fourth column, I will add the code to make them bigger.
.page-id-1668 .av_one_fourth {
margin-left: 3%;
width: 23.5%;
}This code makes sure that the first column has no left margin
.page-id-1668 .av_one_fourth.first {
margin-left: 0;
}This code to decrease the top padding
.page-id-1668 .template-page.content.twelve.alpha.units {
padding-top: 10px;
}Regards,
Ismael
June 15, 2013 at 3:35 pm #124990In reply to: Header and footer design
I have the same question, but I think I find the answer at https://kriesi.at/support/topic/footer-8
June 15, 2013 at 3:25 pm #125010In reply to: No texts are found in the sample pages.
Hi,
Do you have WordPress 3.5 or higher? Enfold theme will not work properly on older versions of wp.
Please increase the wordpress memory limit.
http://www.dailyblogging.org/wordpress/increase-wordpress-memory-limit/
You can also set the Avia Builder to debug mode. Edit functions.php, find this code on line 16
if(isset($avia_config['use_child_theme_functions_only'])) return;Add the debug code below.
//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
return "debug";
}You will see the actual shortcode below the Avia Builder.
If you still can’t see the Avia Builder when editing a page, look for Screen Options (top right corner), check the Avia Builder.
Watch these videos: https://vimeo.com/channels/aviathemes
Regards,
Ismael
June 15, 2013 at 3:13 pm #116641June 15, 2013 at 3:12 pm #124999In reply to: Header menu intersecting with logo
Hi,
@juganrising: Thanks for the help. :)
@marjan2k: You can follow the links to fix the issue.
You can also add this on your custom.css or Quick CSS to fix the ovarlapping menu issue.
/*
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 (max-width: 1138px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 6px;
font-size: 12px;
}
}Regards,
Ismael
June 15, 2013 at 1:14 pm #124936In reply to: Smaller padding around Images
Thanks Ismael,
this worked perfectly only one thing the side images shrink see this screenshot the green arrow in the middle shows the Red shoes image stays the same size while the side images shrink in size (top image is as in dashboard original size and bottom is on live website)
* screenshot: http://demo.globalads24.com/wp-content/uploads/2013/06/Screen-Shot-2013-06-15-at-11.24.04-AM-2.jpg
so i need the images to stay the same size as in dashboard and the margins to be on left and right of the page aligned to left and right and middle image to stay aligned in the center. Would this be possible?
i adjusted some numbers below is the css code as i have it now and here is a live page http://www.omglovetwins.com/a-magento
.page-id-1668 .av_one_half {
margin-left: 0.0001%;
margin-right: -3%;
width: 50%;
}
.page-id-1668 .av_one_fourth {
margin-left: 3%;
}
.page-id-1668 .av_one_fourth.first {
margin-left: 0;
}
.page-id-1668 .template-page.content.twelve.alpha.units {
padding-top: 10px;
}PS. and thanks for pointing out about .page-id-1668 as this is just a test site i made a mistake was suppose to upload to a demo one as this website will be for our music and film so will be deleting it as soon as we finish testing for woocomerce :-)
Regards,
jasmine
June 15, 2013 at 6:57 am #124791In reply to: Change size of menu bar/field
Hi,
Please add this on your custom.css
.responsive #header_main_alternate .mobileMenu {
margin: 16px auto;
}
.responsive #top .mobileMenu {
width: auto;
padding: 10px 4px;
}Regards,
Ismael
June 15, 2013 at 6:50 am #124964In reply to: Remove Space above/below slider
Hi,
Please add this on your custom.css or Quick CSS
.fixed_header.social_header #main {
padding-top: 90px;
}
.template-page.content.twelve.alpha.units {
padding-top: 0;
}Regards,
Ismael
June 15, 2013 at 6:19 am #124946Hi,
Please visit this link:
https://kriesi.at/support/topic/custom-widget-areas-not-working-after-upgrade-to-15
Follow Dude’s instruction. It might fix the issue. Sometimes widget settings get stuck for no apparent reason.
Regards,
Ismael
June 15, 2013 at 5:54 am #124679In reply to: photo in single post page
Hi!
Insert following code into the quick css field
.logo a img {
margin-top: 15px;
}Regards,
Peter
June 15, 2013 at 5:43 am #124935In reply to: Smaller padding around Images
Hi,
Try this on your custom.css or Quick CSS
.page-id-1668 .av_one_half {
margin-left: 3%;
width: 50%;
}
.page-id-1668 .av_one_fourth {
margin-left: 3%;
}
.page-id-1668 .av_one_fourth.first {
margin-left: 0;
}
.page-id-1668 .template-page.content.twelve.alpha.units {
padding-top: 20px;
}.page-id-1668 is the unique id of the link you us. You can remove it if you want to apply the style throughout the site.
Regards,
Ismael
June 15, 2013 at 4:56 am #124815Hi,
Open header.php then find this code on line 104
$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 then place it below this code on line 135
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');Then add this on your custom.css or Quick CSS
.social_header .phone-info {
float: right;
margin-top: 40px;
margin-right: 120px;
}
#header_meta {
display: none;
}Regards,
Ismael
June 15, 2013 at 3:58 am #124613Hi.
2.) Your site is on maintenance mode, we would like to check the footer area.
3.) To change the menu font size and style, use this on your custom.css
.main_menu ul:first-child > li > a {
text-decoration: none;
font-weight: normal;
font-size: 20px;
}For the color, you can use this:
.header_color .main_menu ul:first-child > li > a {
color: red;
}Hover state color, use this
.header_color .main_menu ul:first-child > li a:hover {
color: blue;
}4.) To change the excerpt, edit the post, look for Screen Options (top right corner) and check the Excerpt option. You can place the excerpt manually. You can also use the <!–more–> tag. http://en.support.wordpress.com/splitting-content/more-tag/
Regards,
Ismael
June 15, 2013 at 1:00 am #124998In reply to: Header menu intersecting with logo
There are a few ways you can go about doing that, I have had good results by combining these two solutions
Try changing your switchwidth to a higher number so it changes to the mobile menu before it overlaps
https://kriesi.at/support/topic/making-the-responsive-dropdown-menu-appear-at-larger-resolutions
Near the bottom (Post 6)
June 14, 2013 at 11:24 pm #124983In reply to: "you are here:"
If you only want to remove the text see this post
https://kriesi.at/support/topic/breadcrumbs-change-you-are-here
If you want to turn off breadcrumbs all together then change
'breadcrumb' => true,in functions-enfold.php to
'breadcrumb' => false,June 14, 2013 at 9:27 pm #24846Topic: Remove Space above/below slider
in forum Enfoldborder
ParticipantI’m looking to remove the space/padding above and below the slider on the home page. Not sure what code to edit to accomplish this.
I’d like the bottom of the menu to align right up against the top of the slider and stay there, so there’s no white space like there is now. I’d like the same to happen right below the slider.
Also, anyone know why it looks like there’s 1 or 2 pixels added to the bottom of the slider image after scrolling (except towards the edges of the image)?
Here’s the site:
Thanks!
June 14, 2013 at 7:25 pm #124739In reply to: is Enfold Secondary Menu with Mega Menu possible?
I have added a picture to help add some clarity. See top right for example.
June 14, 2013 at 4:12 pm #124527In reply to: WPML copy content from ajax
Hi,
You are using photon.js which is resizing your images. I think that is part of jetpack plugin. Please turn off jetpack as in my experience that plugin is responsible for a quarter of all support issues or at least turn off its image resizing.
I use duplicate and then I decouple the duplication http://www.clipular.com/c?6288338927484928=Lk87W4U0oBA-iq67-c5Afr7gGoE&f=.png
Have the 3 main plugins of WPML running. translation management, string translation + main plugin.
To use copy, when you make and save the original text, scroll down to the bottom of the page and you will see a number of radio buttons with 3 choices as seen below. Make sure that you set Copy for the ones i listed below and click Apply right next to the radio buttons
http://www.clipular.com/c?6348812067012608=RcNhuaYzAhgIfpLbTLLxtNiqp6c&f=.png
_thumbnail_id Don't translate Copy Translate
_wp_old_slug Don't translate Copy Translate
_aviaLayoutBuilder_active Don't translate Copy Translate
_aviaLayoutBuilderCleanData Don't translate Copy Translate
_avia_builder_shortcode_tree Don't translate Copy Translate
layout Don't translate Copy Translate
sidebar Don't translate Copy Translate
header
_portfolio_custom_link Don't translate Copy Translate
_portfolio_custom_link_url Don't translate Copy Translate
_preview_ids Don't translate Copy Translate
_preview_display Don't translate Copy Translate
_preview_autorotation Don't translate Copy Translate
_preview_columns Don't translate Copy Translate
_preview_textWhen you now initially ho tosecond language page you should see something like this on top
http://www.clipular.com/c?5038743962517504=TSs6blsbN8gIk2NADgINR1ExqMg&f=.png
What’s interesting is that at that moment when you click copy content, even though nothing can be seen , it really is there. just click publish or save draft and when the page refreshes again you will see that indeed everything copies over.
So just remember to save as draft as first thing you do in order to make everything show up.
check the radio buttons for copy, thats the key to the whole copying business. I tested it and it copies perfectly, including the ajax bit.
http://www.clipular.com/c?6348812067012608=RcNhuaYzAhgIfpLbTLLxtNiqp6c&f=.png
Thanks,
Nick
-
AuthorSearch Results
-
Search Results
-
Dear Support Team,
I would like to add the Google Website Translator Plugin to the navigation menu on the Enfold theme.
https://translate.google.com/manager/website/
Google’s instructions are to place the snippet below where I would like to display the plugin.
<div id=”google_translate_element”></div><script type=”text/javascript”>
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: ‘en’, layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, ‘google_translate_element’);
}
</script>
<script type=”text/javascript” src=”//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit”>
</script>
Could you please advise me where I should place this code in the header.php file.
If it is not possible to add the plugin to the navigation menu – on top of it will also do :-)
Thanking in advance,
Kind Regards,
Will
I’m looking to remove the space/padding above and below the slider on the home page. Not sure what code to edit to accomplish this.
I’d like the bottom of the menu to align right up against the top of the slider and stay there, so there’s no white space like there is now. I’d like the same to happen right below the slider.
Also, anyone know why it looks like there’s 1 or 2 pixels added to the bottom of the slider image after scrolling (except towards the edges of the image)?
Here’s the site:
Thanks!
