Hi – thanks, that worked for the link on the page but I need help with the “test button 2” that is on the second image of the layerslider on this page.
I have used the following html in the paragraph entry for this slide on layer 2
Test Button 2
<form>
my form details
</form>
I used the style tab for this layer and set the background to red, rounded the corners and set the font to white. However, the font colour does not work but the other two styles do.
Also, when I click “Test Button 2” it launches the popup fine but positions it in the middle of that page which means it scrolls the page down first. How can I stop it doing this? I.e. I want prettyphoto to launch on top of the page as it is being looked at by the user.
Hey!
Since each is inside a column already you can use:
.iconbox_content_container a img, .iconbox_content_container img {
width: 100%;
}
The best solution would be to use smaller images that are already set to that width but the above should force them to not go outside their container.
Regards,
Devin
Hey creativeyes!
Please add following code to Quick CSS in Enfold theme options under Styling tab
.title_container { background: url(https://www.yourdomain.com/image.jpg); }
Regards,
Yigit
Hey Yigit
Thanks a lot, but that only disables the lightbox on the big image. Clicking on the thumbnails still opens up the lightbox. Any idea how I can cancel that event also?
Greetings
Tom
Hi!
You can go to Media > Library and copy the url of the image you would like to use, then add image element under Media elements in Avia Layout Builder to your page and link it to your image as shown here http://i.imgur.com/WPColqr.jpg
Cheers!
Yigit
I’m really a complete newbie to wordpress, so I need some help. I’m afraid these questions will sound very basic.
My website is for a hand-woven rug project, so the heart of it will be images of rugs and their weavers. I need advice on the gallery settings.
On my rug gallery page, I used fullwidth masonry gallery. With choosing flexible masonry it seems like just four images fit across the page, regardless of the image size. I think it looks ok. But is there some way that I can fit more images across the page? The current images are 300 pixels in width, but I tried 150 pixel images and 575 pixel images and still the same number of images fit across the page (4). Can this be changed? If not, what is the best pixel width for images in this gallery?
Perhaps the most important pages of the site are the pages of each individual rug where there will be a complete image of the rug, and close-up images of it. I’m not sure the best way to accomplish display these images with all the different gallery options. On the page linked above, I used the standard gallery, with thumbnails below, no scaling on the gallery big preview image size (I used images 575×710 pixels). I tried different sizes for the thumbnails, but it did not seem to change anything. And because the images are already big, the lightbox option does not seem to make since. But maybe I should have smaller preview images and then use lightbox for closeups? I would appreciate any advice on how to best display the rugs taking in account loading time for the page, and ease of interface (which gallery settings to use, etc.).
There will also be pages for each weaver. I’d like to be able to have a small gallery of photos for each weaver. Which gallery options, if any, would create a similar feel to flickr or facebook or any general photo gallery where pictures can be both portrait and landscape, and possibly with different proportions, but they all still display without cropping? Any suggestions?
Thank you!
Hi!
Can you change user role to Administrator so we can have access to theme options?
Regards,
Yigit
Hi musklick!
Please edit Color Section element and change “Background Image Position” from bottom center to top center and it should solve the issue
Cheers!
Yigit
Hello,
I successfully managed to reduce my header to 88px following this topic: https://kriesi.at/support/topic/change-logo-image-for-scrolled-header/#post-188003
My problem now is that there’s still a blank space before the website “starts” with a slider.
You can notice it here: http://linosabattini.com/homepage2014/
The red line of the slider is behind the header, right where it was before, it didn’t shift up following the header resize.
How can I fix this?
Thanks.
Never mind. I found the problem. In other words… I was the problem.
Did not check my code and the image was not on the server but on my local machine.
Case closed.
Hey gang!
I’ve created a Color Section where I’ve included an Image Media Element and an Easy Slider. I’ve also added a fixed background image on the Color Section.
My problem is that the background image is not displaying in IE10 and neither is the image.

Any ideas?
Hi majesticllama!
Yes it is, you can link image to itself and have it open in lightbox
Cheers!
Yigit
Hey Place_Creations!
1- Depending on the size of the image, you can add following code to Quick CSS in Enfold theme options under Styling tab
.bottom_nav_header.social_header #header_main .container {
height: 180px; }
It will increase the height of header section. If your logo is 1030x200px, you should set the value to 200px. It will push the main menu lower as well.
2- You can choose Audio post format and upload your audio files in media uploader to add to your post http://i.imgur.com/TVnJubz.jpg
Or you can use this plugin http://wordpress.org/plugins/soundcloud-shortcode/ to share audio files from SoundCloud
3- Please add following code to Quick CSS as well and adjust as needed
.avia_widget_section { padding: 10px; border: solid 1px red; margin-bottom: 20px; }
4- You can create your page and add either Blog Posts or Fullwidth Masonry element under Content Elements in Avia Layout Builder and choose to display any category you would like to display.
5- Yes it does. Blog posts with the same tags will be displayed in Related Posts section http://i.imgur.com/b2OkEmb.jpg
6- You should have no problem adding ads to widget areas using Text Widget
Thanks for your kind words, glad you like Enfold :)
Cheers!
Yigit
Hi tonyiatridis!
Please add following code to Quick CSS in Enfold theme options under Styling tab and change the link with your logo url
.image-overlay.overlay-type-extern .image-overlay-inside:before {
content: url(https://www.yourdomain.com/logo.jpg);
font-family: 'entypo-fontello';
}
Best regards,
Yigit
Hello,
Unfortunately i can’t, i have to attend another users too. Try using a specialized gallery plugin like: http://www.nextgen-gallery.com/help/shortcodes/
Best regards,
Josue
This reply has been marked as private.
Hey!
In WordPress dashboard, please go to Appearance > Editor and open Header.php file and find following line
<html <?php language_attributes(); ?> class="<?php echo " html_$style ".$responsive." ".$headerS;?> ">
and change it to
<html <?php language_attributes(); ?> class="<?php echo " html_$style ".$responsive." ".$headerS;?> " style="<?php if(is_page(3513)) { echo 'background: none;'; } ?>">
Best regards,
Yigit
Hi,
How can I let the background image of my LayerSlider fill the entire width of my screen, but don’t change the aspect ratio?
Example: http://www.lenico.me/
I want something like: http://themenectar.com/demo/salient/
Thanks in advance,
Dennis
Hello
i need to custimize some of the shorcodes found into Avia Layout Builder:
1) Portfolio Grid: in the “AJAX portfolio” display an icon appear to enlarge the preview image (animated rounded icond with two arrows disposed diagonally).
I need to add another link icon with some “download pdf” icon, to let the user download a PDF version of the image (the PDF link is taken from a post_meta).
2) Blog posts: I need to customize the way the posts element are displayed. I wish to add an entry to “blog grid layout” like “custom way” and change the
3) Image: when I set an image I can decide what type of link the image should open on click, choosing between “no link”, “manual”, “entry” or “taxonomy”. I need to add a second optional link, so, on image hover, two icons will appear.
Behavior of the first one is managed by the existing “image link” option, and the second one is managed by the new option.
The question is: where can I find the code that manage the behavior and render the elements for theese shortcodes?
Thanks
Lorenzo
Hi support team!!
I’m loving enfold theme. it’s really working out for me. I have a question about customizing the color section. I want to place an image after the color section that matches the color of the color section. its a triangle pointing down. all i got so far it’s an image separated from the color sectión or getting the image inside the color section but really separated from the bottom.
Also the color section seems to have a minimun height even though i reduce the size with a style id.
Can u help me please???
-
This topic was modified 12 years, 2 months ago by
claraelisa.
OK So this is all the code you have been feeding me and I have found searching through your forums
It is all in the Style sheet and the “studienreise” works the best EXCEPT that the typography is also now glued top and bottom due to the last code you sent which blocks the “.hr-invisible” needed so the typography does not glue to the top
#workshopscolorsection .hr-invisible, #sommerakademiecolorsection .hr-invisible {display: none; }
#studienreisecolorsection { margin-top: -45px; }
I am assuming that this colour bar is not meant for what I am attempting.
http://www.tcm-team.at/studienreise-nach-china/
http://www.tcm-team.at/sommer-akademie-am-bauernhof/
http://www.tcm-team.at/workshops/
/*COLOR BAR*/
#workshopscolorsection .flex_column .avia-slideshow {margin: 0;}
.avia_image.avia-align-center { display: block; margin: 0; text-align: center; }
.avia-align-center.avia_image.avia-builder-el-no-sibling { margin: 0; padding 0; }
#studienreisecolorsection .flex_column .avia-slideshow { margin: 0; padding: 0; }
#sommerakademiecolorsection .flex_column .avia-slideshow { margin: 0; padding: 0; }
Hi,
Is there a way to embed a video into a post like in the demo and show an image thumbnail in the blog grid?
Thank you in advance for your early reply and regards,
Is it possible to insert an image in the Page header / breadcrumbs panel behind the text?
yes I did figure that out but am having trouble with WPML setup.
Should I start another topic?
I don’t understand the difference between “duplicating” a page and then translating independently and +translating it. When I do use the +translate button, the translation also includes the shortcodes in the visual editor of the body text – is that how it is supposed to be? I need to send them to another translator. I unfortunately duplicated all the english pages instead of using the +translator, and am trying to find a way to use those pages, which are partially translated, instead of starting all over and using the +translate button. Can you help me with this?
thanks
Hey
I want to disable the lightbox overlay in a portfolio galery. So no clicking on the big image, and no clicking on the thumbnails.
The big image is only shown in the ajax-view.
Is this possible?
Thanks a lot
Hi Munford!
Seems like you have already figured it out http://i.imgur.com/lhB1ibL.jpg
Let us know if you have any other questions or issues
Regards,
Yigit
Hey!
Please add following code to Quick CSS as well
.category .template-blog .blog-meta { display: none; }
Best regards,
Yigit
Hi, I’ve put a Color Section at the top of my page and the background image doesn’t show on the iPhone. I’ve tried replacing it and now it doesn’t show in Firefox on a Mac either. Safari and Chrome looks fine. I’ve emptied the cache. I tried moving the Color Section to the bottom of the page and then it showed, when I moved it back up it disappeared again.
http://www.oakandinch.se/en/
Hope you can help.
Best regards /Michael
This reply has been marked as private.