Hey!
Thank you for the update.
Yes, starting from scratch, unfortunately, seems to be a viable option. We’re not really sure what’s causing the page to break. What are the elements that you have on that particular page? Did you switch the avia builder to debug mode? Edit function.php, find this code:
if(isset($avia_config['use_child_theme_functions_only'])) return;
Below, add this code:
//set builder mode to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
return "debug";
}
You will be able to see the actual shortcode below the builder. Refer to this link for more info:
http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
Cheers!
Ismael
Actually just solved it myself.
For those that would like to know a solution for this:
1. Switch back to Default Editor.
2. Pick the Magic Wand.
I wanted the Iconbox in 50/50 page layout, so
3. Picked 1/2 1/2
4. Picked Iconbox, and choose icon + title + made the content
(6.) moved it into the second 1/2 (50%), because I wanted that
7. Copy it all and switch back to Advanced Layout Editor
8. Make a Text Block
9. Paste the copied shortcodes
10. Within the Text Block lightbox/popup pick text view and make a <div> with an ID around it all and end the </div> (Remember to remove <p> tags that might automatically get there by WordPress.
11. Open your CSS file style.css or what your using (I’m using child theme, so style.css)
12. Write the positioning you want.
13. Whitespace will occur so I removed that with CSS also.
Here is the codes for what I did
Within text block
<div id="NAME OF YOUR ID">
[av_one_half first][/av_one_half]
[av_one_half]
[av_icon_box icon='YOUR ICON' font='' position='top' title='YOUR TITLE' link='' linktarget='' linkelement='']
<p>
YOUR CONTENT
</p>
[/av_icon_box]
[/av_one_half]
</div>
Within CSS (style.css)
#after_full_slider_0 { position: relative; margin-top: -105px; background-color: rgba(255,255,255,0.0); }
#after_full_slider_0.container_wrap { border-top-width: 0px !important; }
#NAME OF YOUR ID { position: absolute; z-index: 9999; margin-top: -500px; display: block; }
Anyway, solved the problem myself :)
I have added audio to my homepage using shortcodes and it works fine on desktops but when I open the page on a phone or iPad I do not get any audio. Any thoughts?
Hello
Could you tell me how i can customise the icon box style.
i would like to edit the colour of the icon and the colour of the headline wording on this page http://leedschiro.co.uk/pages/services/
Also is there a way to stop the default content ‘Click here to add your own text’ on the icon boxes, as this keeps replacing its self when the page is edited, currently i have to delete the content of the icon boxes whenever an edit is made.
Thank you
Nick
I’ve tried to add a LayerSlider to single.php as mentioned here:
https://kriesi.at/support/topic/layerslider-in-php-file/#post-121792
But it does not work. What can I do?
This also effect the title of the post and the the navigation bar at the top of the page.
Is there any way for the photos to be full screen and the rest of the page to stay the same?
Hey advocatusneo!
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
border-color: red;
background-color: black;
color: green;
}
Cheers!
Yigit
Hi MeisDesign!
1- Can you post the link to your website? What is the width of the logo you would like to upload?
2- Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next { width: 40px; height: 40px; }
#top .avia-layerslider .ls-nav-prev:before, #top .avia-layerslider .ls-nav-next:before { line-height: 45px; }
You should adjust the values accordingly
3- Not sure if i understood your question. Can you please elaborate?
Cheers!
Yigit
Thanks, Josue!
Unfortunately, installing the Duplicate Posts plugin did not solve the problem. The clone of the page still will not accept drag/drop. Other pages still appear to be OK.
Before receiving your suggestion, I also saved a Template of the page, and then applied that Template to a new page: same problem.
It would appear that something is corrupted on that page…
Is the only solution starting from scratch and rebuilding from the beginning?
Appreciate your help! Otherwise, I’m having a great experience with the Theme, and with the quality of support here on the Forum. You guys deserve all the success you’re getting with this Theme.
John
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed
1-
@media only screen and (max-width: 990px) {
#footer { display: none; }}
2-
@media only screen and (max-width: 990px) {
.menu-footer2-container {
margin-top: 10px;
}
#footer {
padding: 5px 0 10px 0; }}
Best regards,
Yigit
Hi!
No you can keep it. I checked your website and it does not cause any issues
Regards,
Yigit
Hey!
Please add following code to Quick CSS as well
.logo img { margin-top: 20px; }
Best regards,
Yigit
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
border-color: white;
background-color: transparent;
color: white;
}
Best regards,
Yigit
Hi,
I bought Enfold a week ago and I’m not trying to set up a site locally on my computer and will move it to the Live site when it’s done. It’s a great theme and I think one can create great sites with it.
One thing I’m having an issue with is setting up a Portfolio. I am going to use the site for Photography and to sell the images. In my current site, I have each image entry done as a Post. With Enfold, I am thinking I can make each image entry as a Portfolio item and each image fits into a category.
If now I create a Portfolio item or entry, I can add the image/picture to the Avia Layout Builder section, setup the Tags and Categories like a normal Post. This works fine.
When I then go and look at the Portfolio Page, I won’t see a thumbnail of this post, just the image caption. In order to see an thumbnail of this image, in the Portfolio item, I have to add a Featured Image. Then on the top level Portfolio page, I see the thumbnail of the image.
However, if I think click on it and go to the Image page, I see the featured image at the top and then the main image underneath. I guess this is overkill. Is there a way to not show the featured image above the main image?
Thanks in advance for your help.
Cheers
tdako
Hi spavli2!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#top .aviaccordion-preview-title-wrap, #top .aviaccordion-preview-title-pos { height: auto!important; }
Cheers!
Yigit
Hey!
@janeyj Please see – https://kriesi.at/support/topic/menu-hover-2/#post-259653
@insatiableiam Thanks for helping :)
@msheli Please go to Enfold theme options > Header Layout > Header Behaviour and choose to display sticky header
Best regards,
Yigit
At the top of my posts there is a link that says Blog – Latest News, how do i change this?
I would like to change the words and where it links to?
Thanks in advance.
shutterliving.com/coldplay-concert-paris-stade-de-france-2013
Hey simonac!
1) Danke für den Hinweis. Das Caption Problem werden wir mit dem nächsten Update beheben. Für einen Quick Fix füge diesen Code in das Quick CSS Feld ein:
#top .wp-caption .wp-caption-dd{
display:block;
font-size:11px;
font-style:italic;
margin:0 auto;
padding:3px 10px 5px;
text-align:center;
font-family: Georgia,"Times New Roman";
float: none;
}
2) Die Schriftfarbe sollte sich ohne Probleme im Texteditor ändern lassen. Falls dies nicht funktioniert deaktiviere bitte die Plugins – möglicherweise verursacht eines davon ein Problem mit TinyMCE.
Cheers!
Peter
Hey Josue, thanks.
I fixed it for Desktop Versions on Safari, Chrome, Firefox and Opera. It seems that it work for IE, too. Also for iOS.
But please can you do me a favor to look with Firefox on Android, I´m just on iOS. I saw it on HTC One 3 hours ago. The Layout was broken complete. The Background-Picture from the last color section was on top of the page and all backgrounds behind the texts were gone away. Do you have the same issues for it?
Best regards
Bruno
Hey!
Thank you for the update.
Do you mind posting a screenshot on how it looks on iPad Mini? Please try this on Quick CSS or custom.css to move the logo downwards when viewing on iPhone:
@media only screen and (max-width: 480px) {
div.avia-logo-element-container.av-border-deactivate.avia-logo-grid.avia-content-slider.avia-smallarrow-slider.avia-content-grid-active.noHover.avia-content-slider1.avia-content-slider-odd.avia-builder-el-3.el_after_av_hr.el_before_av_hr {
top: 180px;
}
}
Adjust the top position if necessary.
Regards,
Ismael
I have followed the solution on this page
https://kriesi.at/support/topic/align-main-navigation-to-bottom-on-large-navigation/
It is almost working perfectly, but there is a slight glitch. While the header is shrinking, the line height remains at 200px until the .header-scrolled class is added to the header element. After the class is added, it jumps up to the 58px line-height. So for some part of the scrolling, the navigation is sitting outside the header.
.av-main-nav > li > a { line-height: 200px !important; }
.header-scrolled .av-main-nav > li > a { line-height: 58px !important; }
Is there a way to make the transition from 200px to 58px appear smoothly?
Thanks,
D
Hi there,
Is there a way to amend the breakpoints so that my top menu doesn’t overlap the logo on smaller screens?
http://www.zettanetracing.com/
Thanks in advance!
Hey John!
Try this plugin to duplicate that particular Page and check if it allows you to use the ALB.
Best regards,
Josue
I want to have a full screen image and the logo and menu be transparent on top of it.
hey josue
i have tried that and for some reason it is still popping up with white on top of the page. here
http://www.drakeeats.com
I can’t for the life of me figure out how to either remove or change the color of the border line on the bottom of each top level menu item. Please help?
-
This topic was modified 11 years, 12 months ago by
janeyj.