Hi Per,
I just answered in your previous topic but I’ll do so here as well http://docs.kriesi.at/enfold/documentation/index.html
Please don’t make duplicate posts as it makes it more difficult for searching and for us to answer.
Regards,
Devin
In IE8 the buttons look very strange. The icons are often placed in the top of the buttons over the text instead of next to the text.
See pic here: https://dl.dropboxusercontent.com/u/270541/button.png
Hello
Currently i am using enfold theme and I need to do the following:
1 – Make the logo slightly bigger
2 – Move the main navigation to be underneath the logo.
I tried the following css code but it only worked partially worked when i inserted it in the quick css option:
#top .logo a{
top:-12px;
left:0;
outline:none;
border: none;
}
For some reason it moves the navigation down which is fine but my logo move up and partially cuts off
Please can you help
Jason
I’m trying to replicate the top background effect (it’s the image with the site name, pictures, and flowers and is 1320px x 335 px) from the following site – http://goo.gl/wNUj
I’ve figured out how to drop the boxed layout down and have added a custom background image via the Styling section but can’t figure out how to add a full width image at the top like they have. I would like the background and top full width image to remain fixed and the header to remain a small fixed header and the body to disappear behind the full width image when scrolling.
Is this possible?
Hello. Is there a way to display a transparent menu (menu and top bar) and then switch to the standard shrunken menu upon scrolling? Similar to this example, http://feelwhatyouare.com/ . I have seen this used on several sites and seems like a good option to be able to showcase a header image without the standard white menu. If not, can this be added as a feature request? Thanks.
Hi,
I updated to 1.9.1 but i am still having the problem with the easy slider (chrome, safari; mobile and desktop). Please see the page here http://www.thepsychreport.com. I use a child theme so I have been updating the enfold theme via ftp. My WP dashboard reads 1.9.1 on my Available Themes page. I am not sure if I am missing a step, or if it is still a problem with chrome (which according to google is up to date). I have also tried building new sliders (easy, full width, and post slider) but I get the same problem.
Please let me know your thoughts. Thank you.
Evan
Hi Ismael
Your suggestion didn’t look quite right (the registered trademark was shifted down right to the middle of the text rather than looking like a superscript).
I did find a solution online (http://stackoverflow.com/questions/501671/superscript-in-css-only).
I set the sup css to this:
<br />
body#top sup {<br />
vertical-align: baseline;<br />
font-size: 0.6em;<br />
position: relative;<br />
top: -0.8em;<br />
}<br />
And it works like a charm with the <sup> html tag.
Hi!
No, as demonstrated here: http://test.inoplugs.com/imprint/ the sliders won’t affect each other. You can insert two sliders with different settings on the same page without risking any conflicts. On my demo page both slider are exactly the same but I just changed the “autoplay” setting of the second slider (I switched it off). As you can see the first slider still starts with the slideshow automatically but the second slider doesn’t show slide 2 until the user hits the “next” button.
Regards,
Peter
Hey!
I answered the same request 2 weeks ago and unfortunately nothing has changed: https://kriesi.at/support/topic/new-custom-post-type
If you need help with this task you can hire someone (I’d be also available for this job btw) or you can wait and see if we’ll add custom post types support to the theme portfolio element. This theme customization would require several hours of work and it’s simple not feasible as part of our free support service…
Regards,
Peter
So the thing is, that if y apply the autoplay option, will play all sliders create in that page, right?
actually no I cant.. some of the thumbs get chopped off.. is there any way to set width:auto instead of 591px and still have the alignment?
The issue being that fix was in place to stop thumbs resizing bigger than you want according to the column page…
btw I made no template adjustments.. the test page showed the column layout in adv builder.. also you are cropping the image thumbs on your first pic !
Hi,
Please try this
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
/* your css rules for ipad portrait */
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
/* your css rules for ipad landscape */
}
there is also this one which includes ipad mini
/* All iPads Portrait & iPad Mini Landscape */
@media only screen and ((width:768px) and (resolution:132dpi or resolution:263px)) or ((width:1024px) and (resolution: 163dpi)) {
}
/* Only iPad 1 & 2 Portrait & iPad Mini Landscape */
@media only screen and ((width:768px) and (resolution:132dpi)) or ((width:1024px) and (resolution: 163dpi)) {
}
This website provide a lot of variations for ipad and ipad mini for different versions of ipad http://www.stephentgilbert.com/mediaqueries/#iPad
Reference:
http://stackoverflow.com/a/9504571/1245478
http://css-tricks.com/forums/topic/target-ipad-ipad-only/
http://i-skool.co.uk/mobile-development/how-to-target-ipad-mini-in-css-media-queries/
Thanks,
Nick
Sorted. For others, god knows how i did it:
body#top.single.single-post .breadcrumb {
visibility: visible;
background-color: #FFFFFF;
}
body#top.single.single-post .title_container {
background-image: url(https://www.thenaturalpharmacie.co.uk/hidden/wp-content/uploads/2013/08/header-fennel.jpg);
background-repeat: repeat-y;
background-position: left top;
background-color: #759abd;
}
body#top.blog.logged-in.stretched.open_sans div#wrap_all div#main div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container {
background-image: url(https://www.thenaturalpharmacie.co.uk/hidden/wp-content/uploads/2013/08/header-fennel.jpg);
background-repeat: repeat-y;
background-position: left top;
background-color: #759abd;
}
body#top.blog.logged-in.stretched.open_sans div#wrap_all div#main div.stretch_full.container_wrap.alternate_color.light_bg_color .breadcrumb {
visibility: visible;
background-color: #FFFFFF;
}
Hi,
I have a feeling you made some edit to the template files that is messing up the entire page. Because I took 3 of your photos and made a gallery with them. I am not seeing the problems you are experiencing. and everything looks nice and neat as you can see http://i.imgur.com/EvnraaY.jpg
Try this css to center the text
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a {
text-align: center;
}
#top div .avia-gallery {
text-align: center;
}
Now try this
.avia-gallery-thumb {
margin: 0 auto;
width: 591px;
}
#top div .avia-gallery img {
width: 100%;
float: left;
}
#top .avia-gallery .avia-gallery-thumb a {
float: right;
}
With this css, I got your page to look like this http://i.imgur.com/A6yYN84.jpg .
Also please try to use images with a consistent height as the thumbnail, people can click on that image and see the full version.
Thanks,
Nick
Hi Dude
That’s great. Got it to work on iphone.
However, after following your “media query custom css”, just cant get an ipad to act like the desktop resolution. (See below and scroll, logo shrinks small & not vital, naviagtion decreases in height. Happy for a work around.)
http://www.thenaturalpharmacie.co.uk/hidden/about/our-approach/
Thanks again
Rich
kcParticipant
Hi,
is it possible to get a video on the top of a startpage (like the layerslider in fullsize), the video must have an autostart when the site go open?
for example maybe this video here http://videohive.net/item/my-rustic-gallery/5126069 WT.ac=new_item&WT.seg_1=new_item&WT.z_author=Chechogm20
thanks for your answers.
Carsten
Hey!
You can easily activate/add the error border with following css code
#top #wrap_all .error .select {<br />
border: 1px solid #DF653E;<br />
}
I’d insert it into the quick css field. We’ll also include this code in the next theme update.
Regarding the other issues – we’ll keep them in mind but tbh we’ve no plans to re-write the contact form code right now and it will probably stay like this. The contact form element is intended for simply forms and not for booking forms.I’d also suggest to try advanced contact form plugins like Gravity Forms or Formidable Pro which both work well with our theme.
Regards,
Peter
Thanks I try to do my best with photography :-)
Your CSS works :-) but is there a way to have the photo centered vertically? At the moment its at the top.
Hi!
You can try following css code
@media only screen and (max-width: 767px){
.responsive.social_header .phone-info {
float: right;
margin-top: -21px;
}
.responsive #header .social_bookmarks {
float: left;
width: auto;
}
}
Regards,
Peter
I only noticed a small glitch if the screen re-sizes to 768px (then the breadcrumb shifts down and overlaps the title). You can fix it with following code
@media only screen and (max-width: 767px)
{
.responsive .title_container .breadcrumb {
top: -115px;
}
}
Hi,
Add this on your custom.css or Quick CSS
body#top sup {
vertical-align: top;
}
Regards,
Ismael
Hi,
Please add this on your custom.css or Quick CSS
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
#header_meta {
display: none;
}
}
Regards,
Ismael
Hi!
Which header layout are you using?
Regards,
Peter
Hi!
Please try following code
#top #searchform #searchsubmit {
width: 66px;
top: 21px;
}
Regards,
Peter
Hi,
Please add this on your custom.css or Quick CSS
.avia-gallery-big.fakeLightbox.lightbox {
height: 518px !important;
padding-top: 10px !important;
}
Please remove browser cache then reload the page. Check: http://chriswardphotography.net/galleries/fashion-and-portraits/
You got a nice collection of photographs there. Excellent job! :)
Regards,
Ismael
Please insert following css code into the quick css field
.input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
width: auto;
}
Hi
As i ‘ve just seen in another topic, that it is apparently not possible to do revisions of portfolio items in the enfold theme.
At least not when they are built whit the visual editor.
1. Or does someone know a way to do revisions?
2. Can i duplicate (clone) a portfolio, when i want to create lots of portfolios with the same layout?
Thanks for your answers
Search button is pushed too far off to the right in the widget area.
http://www.womensclosetexchange.net/the-store-2/
I have tried to change the css to shorten the search box so the search button will fit but that did not work. Here is the code I used, where did I go wrong. I changed the min and max widths
#top #searchsubmit, .ajax_load {
border-radius: 0 0 0 0;
height: 39px;
line-height: 40px;
margin: 0;
min-width: 30px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 35px;
z-index: 2;
}
Hi,
From what I see, your text captions are identical to the tooltips. So you want the text to show up static under each image, and then to have the identical text popup in a tooltip on hover on top of the image?
Please try changing the code you pasted above
$thumbs .= " <a href='".$link[0]."' title='".$description."'><img src='".$img[0]."' title='".$title."' alt='".$alt."' /><span class='avia-gallery-caption>{$caption}</span</a>";
to look like
$thumbs .= " <a href='".$link[0]."' title='".$description."'><img src='".$img[0]."' title='".$title."' alt='".$alt."' /><br /><span class='avia-gallery-caption>{$caption}</span</a>";
Thanks,
Nick