Hi Guys,
I think this is a simple fix, but I can’t seem to figure it out.. My slider is responsive but only the background image. My added text elements and image elements do not resize for each device. Anyones input would help me out right now?
Thanks in advance
Jake.
I have a request related to post layout and featured image.
If I define a featured image I lose a considerable space on the left side, almost 15%
See this example – http://www.andreanolanusse.com/pt/delphi-xe4-conheca-as-novidades-para-ios-e-mais/ – the image was define and its on the top, however the little camera icon stay there getting all the space.
Any change you guys can fix that?
Thanks,
Andreano
Hi,
My bad. I thought that is your site. You can do something like this. First, inspect the menu then look for the unique menu list id. In my example I use this on my Quick CSS or custom.css.
#menu-item-1390 a {
background: url(../images/layout/loading.gif) left no-repeat;
padding-left: 20px;
}
#menu-item-1390 a is the unique id of my home menu.
Regards,
Ismael
Hi all. First off, this theme is fantastic, really love it.
For colored sections, where you place a static image as the background so its like you are looking through a window (Meet The Team page in Enfold theme), is there a way to make the default window larger? I don’t want to add text into it or any other elements, I would just like teh actual vertical size to be larger. Possible?
Second is with the LayerSlider WP designer. I’m running into an issue with my foreground elements not always behaving nicely with my background. Basically I’m using a bg image where I want to feature the center of the image, and ideally keep the foreground elements from crowding over it if the browser window gets too small.
To clarify all this, I have uploaded screenshots, see the link below. You will find one that demonstrated the color section issue, and 3 for the LayerSlider WP issue (one thats correct, and one that shows how it formats ugly when the window is too small and too large).
THANKS YOU IN ADVANCE for all your help, couldn’t do it without everyones wonderful insight.
Best,
Alex
http://imageshack.us/g/1/10130923/
Hi Ismael. The dummy data works fine. However, I created a new site without using the dummy data and the blog image layout doesn’t look the same. I only have the site local at the moment. But please let me know what else I can try or maybe try to duplicate. Thanks. :)
Hi,
1.) Edit css > base.css and find this code.
.image-overlay .image-overlay-inside::before{content:"E744"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
.image-overlay.overlay-type-extern .image-overlay-inside::before{content:"27A6";}
.image-overlay.overlay-type-video .image-overlay-inside::before{content:"25B6";}
You can change it to something like this.
.image-overlay .image-overlay-inside::before{content:"E744"; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; }
.image-overlay.overlay-type-extern .image-overlay-inside::before{content:"E723";}
.image-overlay.overlay-type-video .image-overlay-inside::before{content:"E723";}
Change the “content” property using Entypo. Refer to this link. http://www.entypo.com/characters/
Regards,
Ismael
Hi,
Please try to setup a test installation and import the dummy data. It works fine on my end. Featured image full width on blog posts if the layout is set to No Sidebar.
Can you give us a link to your website?
Regards,
Ismael
Sure, just hover over any of the images on these pages, or anywhere on my site:
http://polettofit.com/2013/what-is-ultimate-reset/
http://polettofit.com/about/
Hi,
Can you give us a link to the issue? I can’t seem to reproduce the issue.
Regards,
Ismael
Hi.
Having some issues with slider elements not centering like the theme preview.
see original here: http://cl.ly/image/3B2d3B0P0E3n
and mine here: http://cl.ly/image/2z4701203d2z
In the theme preview elements auto center if I resize my window. In my instalation the elements stay aligned to the left and don´t move.
Appreciate the help, this is very annoying
Hello,
I am having some problems with the 1210px layout. When I center headline images they are not correctly being centered and the responsive is not working on the iPhone.
Thanks,
No matter if I have an image aligned left or right, as soon as I hover over the image in a post/page it breaks the word wrap and the text drops below the image.
Hello. How can you configure the Multi-Author Blog to show a featured image? Right now, I see the author pic on the left side and featured image on the right. However, when I select the blog post, the featured image is appearing to the left of the post, with very small dimensions. Why is the image not displaying as a full width featured image? Thanks.
Sorry, This isn’t really a solution. That would only work if the image that was being opened in the lightbox was actually 320 px and smaller. But as a photo might be any height. That won’t solve the issue.
It can’t just be me. Look at the sample of the theme on this site. Go to the blog. and look at any image in the lightbox. me experience is whatever size the image is, it looks like the above sample. imho the error has to be in the native code somehow. However that height is being set. The default height needs to be 10 px taller than what is being generated by default.
Hey Matt,
It’ll take a bit of time to find the exact cause of some of these sometimes-happens-sometimes-not bugs so if you do find a specific way to re-create it let us know so we can dig into it a bit further :)
Regards,
Devin
Hey silviouk,
Glad it was a simple fix and Ismael could point you in the right direction :)
Regards,
Devin
Hi dweb,
Try saving your larger images to 694px wide and 562px tall for those images. The current size is larger than that space and I think the slight loss of quality is due to the compression to fit the smaller space.
Regards,
Devin
Hi Alexia,
If these are images that were already on your server (not newly updated) they may just need to have their thumbnails regenerated. Try using this plugin to do that and see if it helps: http://wordpress.org/extend/plugins/regenerate-thumbnails/
Regards,
Devin
Hi Nick,
Yes, I know I can add a caption to the gallery images that will show up as a tooltip when the thumbnail is hovered over. But I was wondering if I could have that same caption appear on the lightbox image that appears once you click on the thumbnail and also if that caption could appear permanently underneath each thumbnail (in addition to the tooltip).
Thanks,
Matt
Hi Nick,
I am using the latest theme. It seems to be an intermittent problem though, so it’s not an issue at the moment! I can’t reproduce the problem currently.
I distinctly remember commenting out line 260 (not 261, from memory) of avia.js was one of the workarounds for fixing the ‘tooltip not displaying’ problem, which I used at first but then found another post where the moderator had given the following CSS fix:
.avia-gallery-thumb .image-overlay.overlay-type-image {
display: none !important;
}
so I used that instead and uncommented line 260. The overlay still appears on hover but the link symbol doesn’t, which fixes the tooltip problem, but didn’t sort the problem that is the subject of my initial post. I have now uncommented line 260 aswell and will keep an eye out for the issue again…
Thanks,
Matt
Hi,
Please make sure you are using the latest theme because almost every day or so an update has been released and 1.31 is the current version from a day ago.
You can try opening up /js/avia.js and find line 261 and add // (two slashes) in front of that line so it would look like the code below
//overlay = $("<span class='image-overlay "+span_class+"' style='opacity: 0;'><span class='image-overlay-inside'></span></span>").appendTo(link);
Thanks,
Nick
Hi,
I am looking at your pages, and am still trying to figure out what exactly the problem is.
On this page http://www.northeastbarristers.com/barristers/ , i see the portfolio is working. I would do something about that area above the portfolio since it looks strange and nearly empty.
Please point to specific problems, and if you would, please use imgur.com to post screen captures with arrows, because perhaps we are seeing different pages or are using different browsers, because everything looks good from here.
I would just use this css to get rid of that square box during mouse over on the portfolio item pages
#top .avia-team-member .team-social {
border: 0px solid rgba(0, 0, 0, 0.1) !important;
}
Thanks,
Nick
Hi,
It is possible yes but you need to add a lot of css modification. This is the closest I can get. I used a 1500x640px image with the text or whatever elements already included on image itself.
Create a new page. On the Layout Option select “No Sidebar”, “Don’t Display the Header”, “Don’t Display the socket & footer widgets” respectively.
Go to Advance Layout Editor > Media Elements > Insert Full Width Easy Slider > Select the Splash Image.
On your custom.css insert this code
.page-id-1380 #header {
display: none;
}
.fixed_header.social_header .page-id-1380 #main {
padding-top: 0;
}
Notice the .page-id-1380? That is the unique id for my own splash page. You need to inspect your page then find the body class and use that instead.
Regards,
Ismael
Hi,
For the meantime you can add this on your custom.css to fix the alignment.
.avia_image.avia-builder-el-4.el_after_av_imageavia-align-center, .avia_image.avia-builder-el-12.el_after_av_imageavia-align-center {
margin-left: 30px;
}
Regards,
Ismael
Hi,
Yeah, I can reproduce the problem. Somehow the second image produce this class
class="avia_image avia-builder-el-2 el_after_av_imageavia-align-center "
It should be
class="avia_image avia-builder-el-2 el_after_av_image avia-align-center "
I’m not sure why it is doing this so let me tag the rest of the support team.
Regards,
Ismael
OK thanks, feel a bit stoopid now, doh…
Hi,
Did you create a portfolio item for each member? You need to upload an image for each portfolio items.
Try to regenerate the thumbnails http://wordpress.org/extend/plugins/regenerate-thumbnails/.
Regards,
Ismael
Hi,
Please make sure you install the recent theme update since lots of functionality is now even better.
Please add this to you css
.header_color .header_bg {
background-color:initial;
}
If you have a custom background image, this css will make the image show up. I don’t see transparency in the drop down menus right now. However there is a transparent bg color in play also though i don’t see on my end any difference one way or another changing it. You can change the last 0 to 100 to make transparent black become fully visible, and tell us the results. Though try this as a separate test from the one above
#header {
background-color: rgba(0, 0, 0, 0);
}
Thanks,
Nick
Hey!
Thanks NaRanJiTo78 for helping us out :)
Regards,
Peter