-
Search Results
-
Topic: Padding above menu items
I have an Enfold logo/menu setup with logo left and menu right and a fixed header size of 180px. I added the following code to add some space between de menu items.
.av-main-nav > li > a { padding: 0 40px; }Now i want to rise the menu items closer to the top of the screen. What css code do i have to use?
I tried a lot but no luck.
THX FreekIn reply to: Mobile menu cut off
Hi Fleur,
Please try the following in Quick CSS under Enfold–>General Styling:
@media only screen and (max-width: 767px) { #advanced_menu_toggle, #advanced_menu_hide { margin-top: 10px !important; } }Regards,
RikardIn reply to: Pictures: Increase on click & remove frame
Hi,
I a have an easy slider within a colour section with a custom height of 400px and no padding. I am trying to get the easyslider to fill the colour section but it wont, either the easyslider has a margin I cannot get rid of or the colour sections padding will not go away. I have already adding the following to quick css with no luck :
.avia-slideshow { margin: 0 !important; }
.content {
padding-top: 0px !important;
padding: bottom: 0px !important;
}.avia-slideshow li img { padding: 0 !important; }
.avia-slideshow { margin: 0 !important; }
In reply to: Coloumns not wrapping correctly
Hi,
use my code and add some media queries to it, so it will work on smaller screens only, like:
@media only screen and (max-width: 989px) and { .responsive #top #wrap_all .slide-entry { width: 100%; }}Adjust as needed.
Best regards,
AndyIn reply to: Advance Layer Slider and Header
Hi,
use this code:
#top .avia-layerslider .ls-nav-prev, #top .avia-layerslider .ls-nav-next { display: none; }Best regards,
AndyIn reply to: Portfolio
Hi,
ja, du musst nur einmal bezahlen.
Ich glaube ich verstehe es immer noch nicht, denn ich denke immer noch, dass du das doch machen kannst mit einem Galerie Element innerhalb eines 2/3 Layout Elements.
Der Shortcode dafür hier:
[av_two_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_gallery ids='2994,2985,2982,2973,2964' style='big_thumb' preview_size='portfolio' crop_big_preview_thumbnail='avia-gallery-big-no-crop-thumb' thumb_size='portfolio' columns='5' imagelink='lightbox' lazyload='avia_lazyload' custom_class=''] [/av_two_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''] [av_textblock size='' font_color='' color=''] Click here to add your own text [/av_textblock] [/av_one_third]Gruß,
AndyIn reply to: Coloumns not wrapping correctly
In the screenshot you sent you can clearly see the margin on the left (if you inspect the box, you’ll see there’s a 4 % margin added to the left for some reason by Enfold).
Also, by looking at the site at desktop size now you can see there is no longer a grid, because the solution you gave me sets the width of each box to 100% always.
What I want to achieve is what Enfold is supposed to achieve as default: a grid that is any number of boxes wide (done in layout builder), which wraps to fewer columns when the screen size decreases. I drew up a “mockup” of a grid and how it should work. https://sketch.io/render/sk-19f72734af26215b055f6d8c65001ee8.jpeg
In reply to: Where can I enter the API key in the admin?
Hi,
Please try the temporary fix here: https://kriesi.at/support/topic/solution-to-google-maps-key-issues/#post-661496
Best regards,
RikardIn reply to: easy slider buttons
Hi,
use this code inside Quick CSS field:
.avia_desktop .av_slideshow.avia-slideshow .avia-slideshow-controls
a {
opacity: 1;
}Best regards,
AndyIn reply to: fix position for image at bottom border
Hi,
I can’t see any green line on your termin page. Please always provide us precise links showing the elements in question. Not sure what you want to achieve. Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)
If you want to adjust it for different screen sizes then just add some media queries to my code, like for example:
@media only screen and (max-width: 989px) and (min-width: 768px) { .freigestellt_portrait { top: 30px; }}and adjust as needed.
Which page has page-id-617? please provide precise links for us.
Best regards,
AndyIn reply to: Order columns in mobile
Hi,
The unique ID is only available with Color Section elements. If you are using other types of elements you can activate the custom CSS class for all builder elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/. If you are using classes then you would need to replace the hash sign in my code with a dot instead:
@media only screen and (max-width: 767px) { .desktop-section { display:none !important; } } @media only screen and (min-width: 768px) { .mobile-section { display:none !important; } }Regards,
RikardIn reply to: change the shape of the social share button
Yes… I have modified the css and now works fine.
#top .av-share-box ul {
background: #37589b none repeat scroll 0 0;
border-radius: 100px;
border-style: solid;
border-width: 1px;
color: #fff;
display: table;
list-style-type: none;
margin: 0;
overflow: hidden;
padding: 0;
text-align: center;
width: 58px;
height: 50px;
}and now it works fine
ThanksTopic: ID of layoutelement
Is there an id of each layout element, so i can configurate with custom css.
For example by editing the column padding-top 100px but on mobile device ther should be no padding-top.Best regards
LiliIn reply to: social icons color
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #wrap_all .av-social-link-facebook { color: #fff; background-color: #37589b!important; border-radius:50px; margin-right:10px; } #top #wrap_all .av-social-link-twitter { color: #fff; background-color: #46d4fe!important; border-radius:50px; margin-right:10px; } #top #wrap_all .av-social-link-instagram { color: #fff; background-color: #a67658!important; border-radius:50px; }Best regards,
VinayTopic: Images not showing
Hello,
When i insert an image into the Advance Slider or Full Width Slider, the image is not displayed in the front end.
Can you please look into the issue. I also followed this thread: https://kriesi.at/support/topic/having-problems-after-updating-to-wordpress-4-5-please-read-this-first/
Here is my website URL; http://nafl.ae/betaHello.
First of all let me say that Enfold is great and thank you for such a great work.
And now to my problem. I had full site setup up on one domain, and everything worked great, but when we linked our domain to it and changed it to default domain in wordpress the google map widget suddenly stopped working – http://hewea.com , bottom of the page
How can I resolve the issue?
In reply to: Page redirect
Hey hdpcr,
You can add a map image on the same page and hide the image in desktop and show only hotspot. An extra page won’t be necessary.
Turnon custom css class name support for layout elements http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
and class only_mobile to the map image and only_desktop to the hotspot and use the below css
/*Show only in mobile or desktop*/ @media only screen and (min-width: 769px) { .only_mobile { display: none !important; }} @media only screen and (max-width: 768px) { .only_desktop { display: none !important; }}Best regards,
VinayIn reply to: Change background color of pop up page navigation
Hi,
Glad to hear you found it :)
Feel free to start a new topic if you need help with anything else.
Best regards,
JordanHello! I’m hoping you can help
i’m trying to change the background color and font color of the tab module. I can successfully do this by changing this:
.main_color .template-archives .tabcontainer a, #top .main_color .tabcontainer .tab:hover, #top .main_color .tabcontainer .tab.active_tab{color:#666666;}
to this:
.main_color .template-archives .tabcontainer a, #top .main_color .tabcontainer .tab:hover, #top .main_color .tabcontainer .tab.active_tab{background-color:#a81010; color:#ffffff;}if i put this in the Quick CSS, it works great. If i put it in my Enfold Child style.css, it doesn’t work
Is there a place i can put this so i don’t have to put it in the Quick CSS?Thanks!
I have successfully adjusted the code that hotspot tooltips open on click.
https://kriesi.at/support/topic/image-hotspots-clickable-rather-than-on-hover/Would it be possible to have one image hotspot open by default on page load?
Additionally would it be hard to implement external links to trigger a hotspot tooltip?
For example clicking a link Hotspot 1 would open tooltip for first hotspot.
In reply to: Display date and time in icon box
Hey!
This is the updated code: https://kriesi.at/support/topic/display-date-and-time-in-icon-box/#post-662159
Regards,
IsmaelIn reply to: Use own images for slideshow-arrows?
Hi,
Add your own image as the navigation background:
#top .avia-slideshow-arrows .prev-slide { /* prev button */ background: url(IMAGE URL HERE) no-repeat center; } #top .avia-slideshow-arrows .next-slide { /* next button */ background: url(IMAGE URL HERE) no-repeat center; } #top .avia-slideshow-arrows a:before { content: ''; }Best regards,
IsmaelIn reply to: Mega Menu Cut Off
Hi,
Thanks for the information.
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header.av_header_transparency .avia_mega_div { width: auto !important; }Best regards,
JordanIn reply to: Google maps
Hi,
There’s a syntax error in shortcodes.j, line 458. The src key has been duplicated but it is fixed now. However, the google API issue is still there. Please follow the instructions provided here: https://kriesi.at/support/topic/content-element-google-maps/#post-656399
UPDATE: We added this code in the functions.php file and it fixed the api issue:
function ava_googlemaps_apikey() { $prefix = is_ssl() ? "https" : "http"; wp_deregister_script('avia-google-maps-api'); wp_register_script( 'avia-google-maps-api', $prefix.'://maps.google.com/maps/api/js?key=AIzaSyCika0TIXFpp42smsBzlrZTkxRfeCEEGzQ', array('jquery'), '3', true); wp_enqueue_script('avia-google-maps-api'); } add_action('init', 'ava_googlemaps_apikey');Please remove browser cache or hard refresh the page.
Best regards,
IsmaelHi,
The video needs to be larger or I need to add an image where the video is located currently and add a screen shot of the video and link it to the video, but I want that video to pop-up in a lightbox. Is that possible?
Add an Image element then set the Link Settings > Image Link? to “Manually”. Add the url of the video, preferably youtube or vimeo videos.
I have sent the credentials in the other requests. I think I have 3 open requests, but I’ve solved the one about the top menu bar.
Please post the login credentials on this particular thread so that we can check the settings.
Best regards,
Ismaelopp this is the link sir https://kriesi.at/support/topic/headline-rotator-container-not-full-width/
In reply to: Woocommerce ( Cart ) page not updating Quantity
Hey alexbanaga,
Thanks for getting in touch with us!
Kriesi has been notified of this issue and it is being looked into. A fix will be included in the next patch.
Until then please try this suggested quick fix and let me know how it goes – https://kriesi.at/support/topic/woocommerce-2-6-problem-urgent/#post-650161
Best regards,
JordanIn reply to: 1 column gallery
Viewing 30 results - 92,521 through 92,550 (of 142,634 total)
