-
Search Results
-
In reply to: Post title category
Hi Mike,
No not the post. You can see the post category is “Banking, Financial services, Publications”. But the title heading is ‘News’. I would like the main category to be displayed up top, which is ‘Publications’
Image attached in private.
Hi,
I would like to have a button that opens a lightbox with some images (a gallery). I read a lot of support posts and came to the conclusion that it’s best to use Magnific Popup functions for that. So I came up with the following.
in my functions.php of my enfold-child theme I added:
wp_enqueue_script('fs-custom-js', get_stylesheet_directory_uri().'/js/custom.js', array('jquery'), null, true); add_theme_support('avia_template_builder_custom_css');to add my custom javascript file and have custom css feature in the ui builder. That works fine.
In my script file I did:
jQuery(document).ready(function( $ ) { $('.fs-gallery-button').magnificPopup({ items: { src: 'link/to/my/image.jpg' }, type: 'image' // this is default type }); });I added the fs-gallery-button class to the button and now if I click it it opens the lightbox image for about 1ms and then some css sets the opacity to 0.
This is just a one image test, but I want to add multiple images (hence a complete gallery) later.I hope you can give me some hints what I’m doing wrong.
PS: I checked the generated html of your lightbox (if used via a masonry gallery) here is the comparison for completeness. First is “my” code second is yours.
<body id="top" class="home page-template-default page page-id-812 logged-in admin-bar stretched roboto open_sans customize-support mfp-zoom-out-cur" itemscope="itemscope" itemtype="https://schema.org/WebPage" style=""> <div class="mfp-bg mfp-ready"></div> <div class="mfp-wrap mfp-close-btn-in mfp-auto-cursor mfp-ready" tabindex="-1" style="overflow-x: hidden; overflow-y: auto;"> <div class="mfp-container mfp-s-ready mfp-image-holder"> <div class="mfp-content"> <div class="mfp-figure"><button title="Close (Esc)" type="button" class="mfp-close">×</button> <figure><img class="mfp-img" src="url/to/image.jpg" style="max-height: 471px;"> <figcaption> <div class="mfp-bottom-bar"> <div class="mfp-title"></div> <div class="mfp-counter"></div> </div> </figcaption> </figure> </div> </div> <div class="mfp-preloader">Loading...</div> </div> </div> </body> <body id="top" class="home page-template-default page page-id-812 logged-in admin-bar stretched roboto open_sans customize-support mfp-zoom-out-cur" itemscope="itemscope" itemtype="https://schema.org/WebPage" style=""> <div class="mfp-bg avia-popup mfp-zoom-in mfp-ready" style="height: 17269px; position: absolute;"></div> <div class="mfp-wrap mfp-gallery mfp-close-btn-in mfp-auto-cursor avia-popup mfp-zoom-in mfp-ready mfp-image-loaded" tabindex="-1" style="top: 11658px; position: absolute; height: 471px;"> <div class="mfp-container mfp-image-holder mfp-s-ready"> <div class="mfp-content"> <div class="mfp-figure"><button title="" type="button" class="mfp-close">×</button> <figure><img class="mfp-img" src="url/to/image.jpg" style="max-height: 471px;"> <figcaption> <div class="mfp-bottom-bar"> <div class="mfp-title">Some Title</div> <div class="mfp-counter">2 / 3</div> </div> </figcaption> </figure> </div> </div> <div class="mfp-preloader"></div><button title="" type="button" class="mfp-arrow mfp-arrow-left mfp-prevent-close"></button><button title="" type="button" class="mfp-arrow mfp-arrow-right mfp-prevent-close"></button></div> </div> </body>Hi
This menu looks amazing under desktop: http://dns.d.pr/znVP36/4svf2cAT – from the “creative studio” demo: http://kriesi.at/themes/enfold-creative-studio/
However, on mobile it looks really tacky and lacks on the same wow effect as it does under desktop.
Is it possible to have a similar look on mobile and tablets, like the desktop?Thank you
In reply to: Quick Css, background color
Hi,
It always show in mobile and desktop.
I don’t know about code so much. Could you help me check the pictures. What’s I miss.
https://drive.google.com/open?id=0B33ub593rSuzdjY5aGl0dGNTUGc
https://drive.google.com/file/d/0B33ub593rSuzUFVIWE1WY25QOUU/view
Thank you
In reply to: German translation Enfold Theme
Hey svierk,
This answer ought to help you: https://kriesi.at/support/topic/wpml-automatically-in-top-header/#post-352682
Best regards,
John TorvikIn reply to: Top Bar Color on Mobile Device
Hi,
Great, glad you got it working :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardIn reply to: Partner Logo Element Slider
Hi,
1. It’s a design we have decided to go for, there’s a background colour on the element, it has nothing to do with your images.
2. Great, glad you fixed it.
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardIn reply to: adjust blog overview layout
Hey Tilman,
Please try the following in Quick CSS under Enfold->General Styling for you first two questions:
.html_elegant-blog #top .post-entry .post-title { padding-top:20px !important; } .entry-content-wrapper .av-vertical-delimiter { display:none !important; }Best regards,
RikardIn reply to: Mobile Version Woocommerce Not full Screen
Hi,
Great, glad we could help :-)
Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardIn reply to: "Share on Xing" for blogposts
Hi,
Thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardIn reply to: Center slider image on mobile site
Hi guys,
I have an iPhone 7 Plus now and the problem is the same. I need fixed it.
I looked at the above site links and it seems correct.
I have this CSS added and it still doesn’t work:
@media only screen and (max-width: 767px) { .page-id-1212 #after_section_1 .content { padding-top: 0 !important; } } /*team photo position*/I just need to drop that photo down. There has to be a simple CSS that works.
I need CSS that works for all devices, just like all other CSS I have implimented.
Help!
Jas
In reply to: Google Maps Java Script Issue
In reply to: Shortcode for demo contact form
I added the code to the CSS but it didn’t solve the problem. Now the caption is small and not at the top on cpu and still cut off on mobile. Am I supposed to make adjustments to the code? Please take a look at the site to see if you are seeing the same issue.
In reply to: Hiding bread crumb title , can't hide comma
ok – double posting of dvus4l https://kriesi.at/support/topic/hiding-comma-in-title-with-hidden-category/
and mike – i’m first with solution ;) :lolIn reply to: Mobile Version Woocommerce Not full Screen
Hi,
OK, I changed the code to this:@media only screen and (max-width: 767px){ .responsive #top .products .product:nth-child(2n+10) { clear: both!important; } .responsive #top .products .product:nth-child(2n+12) { clear: initial!important; }}and now it’s working :)
Best regards,
MikeHey bemodesign,
Try this code in the General Styling > Quick CSS field:@media only screen and (min-width: 425px) { h2.avia-caption-title {font-size: 15px!important; } .avia-caption-content {font-size: 10px!important; } .av_slideshow_full .container.caption_container {top: 80%!important; } #top .avia-slideshow-button {padding: 1px 5px 1px 5px!important; margin-top:1px!important} } @media only screen and (min-width: 767px) and (max-width: 1020px) { h2.avia-caption-title {font-size: 25px!important; } .avia-caption-content {font-size: 12px!important; } .av_slideshow_full .container.caption_container {top: 30%!important; } #top .avia-slideshow-button {padding: 5px 5px!important; } } @media only screen and (min-width: 1023px) { .av_slideshow_full .container.caption_container {top: 25%!important; }}Best regards,
MikeTopic: Blog Slider
Hi! I would like some help to customize a little bit my blog slider, can you help me?
Post Slider Border and Hover: I would like to have a border on the featured image, each category would have a diffetend border color. I would like to change the Hover color too, the default is in black, one color for each category showing the post title. You can See the layout I imagined here: https://drive.google.com/file/d/0B9Cl0WGu5B3BRXFLeEVtZUdpNE0/view?usp=sharing
Post Slider Arrows: The default layout shows the arrows on the top of the images, this does not work for me because I need the arrows on left and right sides of the images. You can See the layout I imagined here: https://drive.google.com/file/d/0B9Cl0WGu5B3BRXFLeEVtZUdpNE0/view?usp=sharing
Can you help me to add a border and change the hover color to blog thumbnail ? And how can I change the arrows to this position and customization?
On private I am sending the user and password!
Thanks in advance!
In reply to: Mobile Version Woocommerce Not full Screen
Hi,
I take it then that the last category is not one your keeping, in that case go ahead and remove it and try this:@media only screen and (max-width: 767px){ .responsive #top .products .product:nth-child(2n+10) { clear: left!important; }}Best regards,
MikeIn reply to: Mobile Version Woocommerce Not full Screen
Found the reason
@media only screen and (max-width: 767px)
.responsive #top .products .product:nth-child(even) {
clear: none;
}This is from Website CSS analitics.
When I UNTICK this option – everything goes back to normal. I cannot override it with any settings. Is looks like if I remove this line (by unticking it) everything works but I cannot remove this line via ovverlide css can I ?
Hello, I’m using fullscreen slider on my homepage, is there a way to add dark CSS overlay and keep heading and buttons active?
I’ve tried using solution from this post – https://kriesi.at/support/topic/add-an-overlay-on-fullscreen-slider/, works great, however heading and buttons are also behind overlay, and cant click them
Thank you, Yigit!
Your code for mailchimp works great!
For button styling, I’m using class=”avia-slideshow-button avia-button avia-color-theme-color avia-multi-slideshow-button”I have one more issue: In desktop view, the (back) page content is not scrollable when the popup is open, but in mobile it is, is there a way to fix it on mobile view? (link for a sample is below).
Thanks again, you guys are awesome!
.
.
.
.
Edit – originally I had another question, but I found a solution for it.
Question: When I use this a href code in a slideshow caption text, the button text is underlined, is there a way to remove it?
Solution: #top .avia-caption-content a { text-decoration: none; }Hello again,
I want to make tech news website, I will cover smartphone, tablet, smartwatch etc related news. Not TECH NEW WEBSITE. It’s tech news, technology news website. One of your moderator answered my question. I know it’s a mistake.
Here is the link- https://kriesi.at/support/topic/want-to-make-tech-news-website/?avia_support_contact=avs_59326e7585b347.80239455_803334
So, clear this confusion.
I have already seen all of your theme demos on your website. But none of those are exactly like technology news website demo.
I am looking for a theme that will help me. I am a big fan of enfold themes.
I want to make tech news website. I don’t know with this theme, it’s possible or not. But if it’s possible, then please help me and give me some of your valuable suggestions, so that I can create my website. It’s a great theme I know. That’s why I am a big fan. If you help me, that’s a lot for me.
Thanks.
Hi guys!
Still love Enfold, nice updates! Two questions:
1) I was wondering: the new burger menu option (Header > Header layout > Display as icon) seems to me like it would work great on mobile as well… How would I go about disabling the regular/old mobile menu to see if I could get the new burger menu to play nice with the theme?
2) While using the new burger menu as mentioned above, I would like to have an extra button in the header on desktop and tablet. How would I go about this? All the snippets and function.php addition I find are for other/older menu combinations! Any help would be greatly appreciated.
Kind regards,
Thomas
Hello again,
I want to make tech news website, I will cover smartphone, tablet, smartwatch etc related news. Not TECH NEW WEBSITE. It’s tech news, technology news website. One of your moderator answered my question. I know it’s a mistake.
Here is the link- https://kriesi.at/support/topic/want-to-make-tech-news-website/?avia_support_contact=avs_59326e7585b347.80239455_803334
So, clear this confusion.
I have already seen all of your theme demos on your website. But none of those are exactly like technology news website demo.
I am looking for a theme that will help me. I am a big fan of enfold themes.
I want to make tech news website. I don’t know with this theme, it’s possible or not. But if it’s possible, then please help me and give me some of your valuable suggestions, so that I can create my website. It’s a great theme I know. That’s why I am a big fan. If you help me, that’s a lot for me.
Thanks.
In reply to: PRODUCT ACTIVATION LayerSlider impossible
Hi,
Glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardIn reply to: CSS margin-top only for desctop resoluiton
Hi,
Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardIn reply to: Logo cut off at the bottom with menu on the left
Hi,
Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:
.logo img { top: 0 !important; }Best regards,
RikardHello,
I am using the enfold theme for quiet some time now and i am in general very happy with it! But I tried to change the theme language to German for several times now and without any success (the part showing to the customers in the frontend of the website, not the panel for the theme settings in the WP backend). I read different forum topics regarding related issues and translation files, but no solution worked for me. Maybe you can help me out with this please. I put some admin credentials in the private content.
Thanks in advance!
Viewing 30 results - 78,751 through 78,780 (of 142,898 total)
