Forum Replies Created
-
AuthorPosts
-
Hey!
The credentials do not work. Please try the below CSS adjust the
#top #menu-item-1372 .sub_menu li ul { top: 40px!important; }
Regards,
Vinay-
This reply was modified 8 years, 10 months ago by
Vinay.
April 6, 2016 at 9:11 pm in reply to: Why do my page look like this after installing the demo #609184Hi StianBorch!
This don’t look normal for us. It might be that the install was not done correctly.
Since you mentioned this is a fresh install we assume there is no important data so we recommend using a plugin like https://wordpress.org/plugins/wordpress-database-reset/ reset database it will delete all data and then you can re-import the demos.
Regards,
VinayHi nickoffthehook!
You can import theme demos from Enfold > Demo Imports.
Note: Importing demo will reset the theme options.
Regards,
VinayHey!
Glad you got it to work! Thank you for using Enfold :)
Cheers!
VinayHi!
We love to help you but really sorry this requires a lot of customisation and we recommend hiring a freelancer.
Regards,
VinayHey!
in color section > background option you can set both image and video. You can find the background image options right above the video options. I checked your site on my android phone and the fallback image is working. it may be visible on desktop but that is not the real simulation of mobile view :) please check the site on you phone if you have any issues feel free to get in touch with us.
Thank you for using enfold.
Cheers!
VinayHi Nicoletta_DUS!
Hi we have made a list of really good plugins please check it out here
Cheers!
VinayHi!
Please use the below CSS in Quick CSS
.avia-menu li > ul.sub-menu { margin-top:50px; }
Adjust the margin value to suit your design. if you have any questions please get back with a link where we can inspect the element in question.
Cheers!
VinayHi ar13860!
We need to take a closer look at the setup please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.
Best regards,
VinayHi mitiuphoto!
You can make use of Enfolds builtin feature for this
1.Open the link in a lightbox
just add this like a normal link http://link.com?iframe=true2. Change the lightbox width to be 100% so it looks like full screen with a x to close.
Feel free to adjust the top position..mfp-iframe-holder .mfp-content { max-width: 100vw!important; max-height: 80vh!important; position:absolute; top:100px; left:0; }
Cheers!
Vinay-
This reply was modified 8 years, 10 months ago by
Vinay.
Hey!
Please check private content.
Best regards,
VinayHi!
No problem! We added a bit of custom CSS for you in Enfold > General styling > Quick CSS
#section_margin { margin-top: -240px; padding-top: 240px; }
And added this ID “section_margin” to the color section so the section appears below the header on any normal page :)
Cheers!
VinayHey!
It is going to be much easy for you if we set up a demo page for you please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue.
Best regards,
VinayHi!
We are working on your ticket please wait while we update the results here soon.
There are some opening and closing tags missing in the page may be while adding content in the text editor… if i recreate the page by copying the advance layout elements shortcode and paste it in a test page the table looks fine.
Please re-create the page without any tags that are not closed it will look fine :)
Regards,
Vinay-
This reply was modified 8 years, 10 months ago by
Vinay.
Hi!
1. To make the header look nicer please add the below code in Enfold > General Styling > Quick CSS
#header_main_alternate{ background: #d9dadb; }
2 & 3. This is a bit tricky you need to use multiple media queries and use the scale property to scale down to the size you need but if it get;s too small then people cannot click on it in mobile device so i suggest hiding it in mobile devices.
in the below code the scale value 1 is 100% and .5 is 50%.4. I already see that you have a home icon placed in the menu.
But if you still need to know how ? Just add a icon shortcode or a link to the image on the navigation label.5. Just add a blank text widget in column 2 & 3 of the footer.
@media screen and (min-width: 756px) { #wordcloud { transform: scale(.5); }} @media screen and (min-width: 480px) { #wordcloud { transform: scale(.35); }}
6. Please edit the image path and use the below css in Quick CSS
#footer { background-image: url(background-image.png) no-repeat top right; background-size: contain; }
Request you to create new tickets for new issues or separate issues as it helps keep focus on one topic and avoid mixup of issues…
Best regards,
VinayHi!
In that case we can use a transparent header :)
We have updated the changes please review the page now…
Regards,
VinayHey!
Not sure what is the exact code? The code we applied is pasted in the ticket :)
Please adjust the height of the icons to suit your design. For the icons to appear as a perfect round with border radius property it need to have a fixed width and height.
Best regards,
VinayHi!
Please use the below css in Quick css
.html_header_top.html_header_sticky #main { padding-top: 0px!important; }
Request you to create new tickets for different issues so we can keep the focus on the original topic :)
Regards,
VinayHey strila!
We are working on your ticket please wait while we update the results here soon.This can be done using CSS and you can remove background gold it is just for visual clue
.ui-datepicker-calendar .ui-datepicker-week-end+.ui-datepicker-week-end a.ui-state-default, .ui-datepicker-calendar tr > td:first-child a.ui-state-default { background-color: gold; pointer-events: none; }
Best regards,
Vinay-
This reply was modified 8 years, 10 months ago by
Vinay.
Hi!
This is not a theme related issue but it is wordpress related issue. You can switch to default wordpress theme and check the issue will be there. Having said that this issue falls out of our support scope but do not worry we still would love to help you with this.
This usually happens because something went wrong while updating wordpress or some plugin conflict with the TinyMCE plugin which wordpress uses in it’s core… try replacing the folder /wp-includes/js/tinymce/ with a fresh copy downloaded from wordpress.org via FTP.
If that don’t work open your wp-config.php file and add the following line at the very top after the php opening tag.
define(‘CONCATENATE_SCRIPTS’, false);The above line should fix the issue if not try using this plugin https://wordpress.org/plugins/tinymce-advanced/
If you still have any issues you need to backup data and re-install wordpress via the dashboard settings.
Best regards,
Vinay-
This reply was modified 8 years, 10 months ago by
Vinay.
Hey!
This issue with the title not showing on the tab is happening on your site is not related to enfold at all it is happening because of the settings in Yoast SEO plugin. If you disable it the title will show correctly on the browser tab and elsewhere. however to resolve it now please goto the homepage and then seo settings in the homepage and add the title and description in the Yoast plugin.
Best regards,
VinayHi!
Please try the below css
NOTE: This will affect all the buttons if you like to target only one button please enable custom CSS class name support
http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and target only the buttons you like using custom CSS clasa name..avia_iconbox_title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
Best regards,
Vinay-
This reply was modified 8 years, 10 months ago by
Vinay.
Hey!
Ok sorry! I din’t get it the first time… As i understand you like to create a skewed css container. Please check out this link http://www.css3-generator.de/transform.html
If you have any issue implementing it please provide the link to the page where you want to set this up.
Best regards,
Vinay-
This reply was modified 8 years, 10 months ago by
Vinay.
Hi!
The reason we require the link is because there are more than one way to setup the elements how it looks in the picture.
The css is as below it will work only if you change the custom_class to the actual class name of the menu elements.
.custom_class { text-decoration:none!important; }
If you cannot find the class name please right click page view source copy all code and past it to pastebin.com and share the link to the pastbin here.
Regards,
VinayHey!
Thank you for the mockup image :)
To change the color section overlay on hover please use the css below in Enfold > General Styling > Quick CSS
#top .av-section-color-overlay-wrap:hover .av-section-color-overlay { opacity: 0!important; transition: opacity .5s ease; }
Best regards,
VinayHi!
In page scroll feature on a block of text can only be achieved by using custom CSS.
An alternative would be to use the elements in a color section so you can easily control the background image and set min height to 100% on color section so page is visible and it scrolls automatically when there is more content. Please check the link in private content we have created a test page for you.
Best regards,
VinayHey!
There is a conflict with some custom CSS due to which the page is not displaying correctly. I will try to re-create the page for you please give us a little more time while we work on it and update the results here soon.
Cheers!
VinayHey!
1. Please create a new page.
2. Enable Debug mode
3. Add the below shortcode in the default editor and publish/update the page.
4. After the short code is saved in the page you will notice the advanced layout builder elements. Select the Layered slider from the layer slider element. and you can change the rest of the filler elements.
[av_layerslider id='22'] [av_one_half first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'] [av_heading heading='Great for you' tag='h2' style='blockquote modern-quote' size='' subheading_active='' subheading_size='15' padding='0' color='' custom_font=''][/av_heading] [av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#efbb20' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello'] [av_textblock size='' font_color='' color=''] Donec quam felis, ultricies nec, <strong>pellentesque</strong> eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. [/av_textblock] [/av_one_half] [av_one_half min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='0px' padding_sync='true' border='' border_color='' radius='0px' radius_sync='true' background_color='' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'] [av_image src='http://test.kriesi.at/construction/wp-content/uploads/sites/7/2015/10/architect-handling-keys-to-a-couple-845x684.jpg' attachment='79' attachment_size='gallery' align='center' styling='no-styling' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation'][/av_image] [/av_one_half] [av_one_full first min_height='' vertical_alignment='av-align-top' space='' margin='0px' margin_sync='true' padding='20px' padding_sync='true' border='1' border_color='#e1e1e1' radius='0px' radius_sync='true' background_color='#fcfcfc' src='' attachment='' attachment_size='' background_position='top left' background_repeat='no-repeat' animation='bottom-to-top'] [av_textblock size='' font_color='' color=''] Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, <strong>ultricies</strong> nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. [/av_textblock] [/av_one_full]
5. Should you have any issues please get in touch with us with admin access so we can take a closer look at the issue.
Cheers!
VinayHey!
Please add the below code in Enfold > General Styling > Quick CSS
.submenu-hide { display: none; } .submenu-show{ display: block!important; }
Add the below code in functions.php
// Custom submenu function custom_submenu(){ ?> <script> jQuery(window).load(function(){ var menu = jQuery('#menu-item-170'), subMenu = jQuery('#menu-item-170 .sub-menu li:has(ul)'); subMenu.children("ul").addClass("submenu-hide"); menu.find('li a').on('click', function(event) { var parent = jQuery(this).parent(); if (jQuery(this).parent().is('li:has(ul)')) { event.preventDefault(); parent.siblings().find('ul.submenu-show').removeClass('submenu-show'); parent.find('ul:first').toggleClass('submenu-show'); } }); }); </script> <?php } add_action('wp_footer', 'custom_submenu');
Note: We could not test this code on your site as we do not have the credentials. Please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue. We will also need FTP access just in case.
Best regards,
Vinay-
This reply was modified 8 years, 10 months ago by
Vinay.
Hi!
Please place your js code in the below script where it say’s “//add you script here” and place the whole block of code in Appearance > Editor > functions.php
// Add custom js function custom_excerpt(){ ?> <script> // Add your script here </script> <?php } add_action('wp_footer', 'custom_excerpt');
Regards,
Vinay -
This reply was modified 8 years, 10 months ago by
-
AuthorPosts