Hi!
Oh! My bad. Add this on your custom.css or Quick CSS:
.avia-content-slider1 .slide-image img {
left: 30%;
}
Cheers!
Ismael
Hi!
Please use the Non-Fixed Header then add this on your custom.css or Quick CSS to make it fixed.
#header {
position: fixed;
}
You can move the nav down using this:
.main_menu {
top: 20px;
}
Regards,
Ismael
Hi there I would like to introduce some of my products as layers in the frontpage slider. Similar to the demo page where the images of computers, smart phones etc drop in on top of the background image. My question is what format would I need the images in so that they are not simply pictures dropping on top of each other, They would almost need to be icons or transparent PNG files to get the same effect. Hopefully it make sense what I am trying to do. Any help is greatly appreciated.
so….can i expect any response?
i really need to upload larger images so that people can zoom into my website and still see high quality images.
once again: there must be a flaw that is preventing firefox from rendering properly when scaling images down!!
i have not made any manual adjustments to the code, so please if you can support me somehow…that would be great.
-
This reply was modified 12 years, 4 months ago by
Maxim_HH.
Hi Khoa!
The browser/image compression you are seeing is just from using images that are then constrained by the css containers. There is no way around that with a responsive theme.
For the slider, a full width slider with no sidebar is going to be whatever the width of the current window. So going up to something more like 1920 width would at least give the image full resolution on most large screens. The clipping is just a result of the image stretching to match the full width container which will cause the edges of the top/bottom to get hidden depending on the exact size of the browser.
Best regards,
Devin
Hello
I am wanting to link a video to an image and open in lightbox. I am having a lot of trouble making this happen. Thank you in advance for your help.
Chad
W3C CSS Validator results for http://joanhollywood.com/wp/marketing/branding/ (CSS level 3)
Sorry! We found the following errors (86)
Hi there.
We got a problem…
Theme, ENFOLD, latest version
WP, 3.6
If responsive option was active for the slide, it looks great at mobile devices, but, for WEB, it creates a big “empty space” under de slider
See example at http://46.137.157.107/?page_id=104
In other hand, If we deactivate “responsive” option for layerslider, this “empty space” desapeares al WEB site, but, images increase their size, resposive dosent works, even we introduce dimensions (2000×500 in this case).
See the diferece at http://46.137.157.107/?page_id=93 for example.
How to fix woth options??
We need a 2000×500 px slider without “blank space” under de slider, and of course a correct resposive behaviour.
Many thanks in advance
best!
Second Question:
Is there a way to have the featured image not show on the single portfolio page? Or can it look like the blog post single author small featured image. My preference would be no featured image on the single post..but the feature images seem necessary for creating a page with the Portfolio Grid embedded in it.
This reply has been marked as private.
Hi there,
On my homepage slider, I set Slider width 100% and height 470. My image size is 1030×360 per the Documentation for a full width slider with no sidebar. The problem is when the Browser window is stretched all the way from left to right to fill up the monitor space, I noticed the image of the slider moves up which causes the top of the image to be cut off under the header bar. Anyway to fix this?
Also, other than adding: add_filter(‘jpeg_quality’, function($arg){return 100;}); to the function.php, is there any other way to ensure that WP doesn’t compress the images I’m uploading for the Gallery or Home Slider? Seems like this template still compresses my photos, especially in the Gallery when it’s smaller, looks a bit blurry, but clear when viewed in Lightbox. Please advise. Thanks again.
Please view my draft site at:
http://www.khoafolio.com/katya
Aside from this, I want to remove the breadcrumbs and add in LINKS to the blank area (not entirely sure how to do either on this theme.
Reference. http://gyazo.com/de95d686a6dfbe23e7407e10fc125928
Hello,
I am trying to set my LOGO to a specific size, and keep it the exact same size when using the sticky header as well. At the moment it currently re-sizes my logo to a smaller size which I do not want. I’m assuming this is CSS coding, but I can’t figure out what to change at the moment to fix this issue.
I am also wanting to move my NAV to appear lined up with the bottom of my LOGO, I have solved how to do this in the regular menu using “padding-top: 20px”. however when this is implemented the sticky header becomes broken, it incorporates the “padding-top:20px” which causes the actual nav to appear below my nav image. I am unsure how to fix this.
Summary –
– Keep LOGO the same size on both the regular header and the sticky header
– Move the nav down without effecting the sticky header nav positioning.
I’m assuming this is all CSS editing, however I cannot figure out what exactly to edit without effecting something else in a negative manner.
I have created a new home page, but seem to have a gap between logo image bar, and the full width easy slider.
How can I remove this.
images are 1500 x 430.
http://test.markwiltshire.com
many thanks
Mark
I’m having some issues with the navigation menu and how it resizes on iPhone and iPads.
Images will be on the next post.
Hi
thanks again for the quick response, really impressive :-)
1) ok, will look at creating child image, may be easier to have this as a parameter in the theme in future, if that is possible ?
3) ok, have now hidden the top bar thanks.
To elaborate on my other issue.
When I first hit the site (using latest Firefox on Mac Mavericks) , the social links appear, just below the Home and Search Icon.
Now as I scroll down the page, the top logo bar shrinks, and the Home and Search Icon move up
BUT the social icons now fall off the bottom of this now small top bar.
Hope that now makes sense.
R
Mark
Hi mediumstudio!
You can add following code to Quick CSS section in Enfold theme options under Styling tab and change the content. i.e.: content: ‘Read’;
.image-overlay.overlay-type-extern .image-overlay-inside:before {
content: '\E832';
font-family: 'entypo-fontello';
}
And following code would remove the rotating arrow
.image-overlay .image-overlay-inside { display: none; }
Cheers!
Yigit
Hi sbrohamm!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as desired
.grid-image img, .grid-entry .inner-entry { border-radius: 20px; }
Best regards,
Yigit
Hi guys
A) This might be number one stupid question but how do I control my H1, H2, H3 etc and body with my Enfold theme? I’ve been searching for answers with no luck.
E.g. I don’t want Enfold to bold my headers on this page http://isokvik.dk.linux31.unoeuro-server.com/?page_id=761
B) On the same website I would like to experiment with having a border around the site and to regulate the site padding. How do I do that? A bit like what I’ve done on this site http://fintessdoktoren.dk/.
C) I would also like to experiment with making shadow of the whole page on the backbround image. Any advice heres?
Thanks
Martin
Hey basilicon!
Please go to wp-content\themes\enfold\js\prettyPhoto\js folder and open jquery.prettyPhoto.js file and search “Expand the image”
Cheers!
Yigit
Hey!
I do not get icon issue on Chrome on Win7. Which browser are you using? Please try re-updating the theme via FTP. Something may have gone wrong while updating
For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750
Regards,
Yigit
Hi
I wanted to add a Fullwith Masonry Gallery. I added it with the Avia Layout Builder to the page. When I click on Add/Edit Gallery I have the possibility to add existing images to the gallery. After choosing the images I click on Add to gallery. Then I can change the sorting and add a describtion to the images. Then I can add the gallery to the page. When I go back in order to edit the gallery, then it is displayed that no elements were found.. so it seems that the selected images are not stored in the gallery..
the same behaviour is when I add the normal gallery. But when I add the wordpress gallery in the default editor, then it works. I tried to deactivate every single plugin, but it hasn’t worked either.
Thanks in advance for your help
This reply has been marked as private.
Hey tijoseph!
Edit header.php, find this code:
echo avia_logo(AVIA_BASE_URL.'images/layout/logo.png', false, 'strong');
Below add the second logo manually. Add this code:
?>
<strong class="logo bg-logo" style="float: right; max-width: 231px; width: auto;"><a href="http://localhost/kriesi/enfold/"><img src="http://localhost/kriesi/enfold/wp-content/themes/enfold/images/layout/logo.png" alt="Enfold" title="Enfold" style="max-width: 231px; width: auto;"></a></strong>
<?php
Replace the image source.
Regards,
Ismael
Hey!
The images are center aligned correctly. Is this fixed?
Best regards,
Ismael
Hi Yigit,
thanks for your quick reply. Meanwhile I decreased the native logo size in photoshop so that firefox does not have to scale down my logo / images. Further, I have set a fixed logo size in the quick css.
However, when I upload large images that get scaled down by the firefox browser, the rendered images still look horrifying. As mentioned before, everything went well for months. I wonder whether a certain plugin or setting has messed up the code that is designated to tell firefox how to scale down my pictures.
Is there any chance that you can check my code for flaws?
Thanks again
Max
Hi Devin
That doesn’t do anything I’m afraid :( Still have the featured image at the top of the post (in standard format).
Here’s what it looks like for real: http://www.swarez.co.uk/art-blog/art-business/top-10-considerations-artists-website/
Thanks
Ed