Forum Replies Created
-
AuthorPosts
-
Hi Nick, no problem at all and sorry for misunderstanding you too :) Well, you may have a point after all with BIG guns who write these media queries as it just isn’t working for me at all and I’ve now tried the new code with pretty much every combination of querie too.
I meant when you insert an actual image into the iconbox and rollover the image with your mouse, a highlighted area appears with an icon and the image area expands vertically by roughly 20px pushing content down further. Might be something to do with the: image-overlay-top style?
I can send a link for testing purposes if you have some way I can pm you, or email directly. Whatever suits you best, but I can’t post the URL in a forum.
Thanks again,
Ah, spoke too soon. I added this style:
#top.page-id-9576 .iconbox .iconbox_content {
height: 560px;
}
But forgot to even add the media queries. I’m going through the different queries again now but so far it doesn’t appear to be having any affect again :(
EDIT Ok, so I’ thought I had found a solution by changing the reference to the iconbox Ismael suggested above from:
.page-id-9576 .iconbox_content {
to:
#top.page-id-9576 .iconbox .iconbox_content {
This solution was posted for another of your themes in another forum.
Ah, just edited this as seen your reply above. No problem, that’s the downside to electronic communications as it’s easy to be taken the wrong way. Glad it was just a misunderstanding here as I have been very happy with the theme and support so far and REALLY DO appreciate every reply and your time too.
Now one last question please.
When I roll over an image in an iconbox it expands vertically a little, is there any way to prevent this?
Thanks
Hi Nick, I’m a bit disappointed with that response as it doesn’t read very professionally. I wasn’t implying in any way that the media queries created by the BIG experts are wrong or don’t ever work?
What I was telling you if you read my reply correctly was that in this instance it doesn’t seem to be taking affect on your theme! I’ve tried many different media queries (from the urls you posted, and others we have found when searching Google) and made countless different edits to them, but none seem to INFLUENCE the iconbox background height for us without stripping out the other styles at least. I don’t just post questions randomly here and instead spend considerable time searching for answers on Google and in your forums first.
The only time I will post a question here is when something doesn’t work the way everyone else, including you say it should. I’m simply trying to figure out if this could be a problem with the theme or our server and am very appreciative of your time too. Considering I spent a lot of my time writing a big in-depth review on Theme forest saying how good both the theme and support is, I’m now very disappointed.
I don’t understand what this has to do with side-bars either, as we’re having problems with the iconbox ONLY!
I can thoroughly recommend Yoast and have it installed on at least 10 WordPress sites. So far, no problems with Enfold either.
Hi Nick, thanks for the help but we had already visited many of those URLs and tried most most of the suggested queries anyway. Unfortunately though, it’s STILL NOT working and this is getting urgent now as we want to go live with the site. Some of the querires do seem to work, but then ALL the styles from the rest of the stylesheet are completely ignored and stripped out? We’re not meant to copy ALL custom styles and also paste these within the media queries too are we, as these apply to how the site should appear on all devices and browsers. EDIT: We’ve tried that and it still doesn’t work!
Surely there is some easy way to simply set a predefined height for the iconbox background colour. Otherwise, how can you ensure that column layouts all stretch to exactly the same height when viewed on other devices for consistency?
Could there be a bug in the theme? Another thing that really doesn’t help is the fact that when you add an image to an iconbox and rollover it with the mouse, it seems to expand slightly pushing content further down! Is there some way to prevent this from happening as it’s really annoying and makes aligning columns even more problematic too?
Please can someone provide a solution to this. Many thanks,
EDIT: The appear to be a mistake in the code you quoted above too, as there is a missing ‘)’ which will cause problems!
Hi calexander,
We encountered similar problems, but there is a solution found here: (About half way down the page)
https://kriesi.at/support/topic/link-en-shortcodes-problems
The topic is for another theme but it seemed to do the trick.
You need to add a ‘class’ to your URL for it to work normally. Example:
‘a class=”noLightbox”‘
Hope that helps,
I’m just getting nowhere with this and have now tried tons of different combos. The only one that came close was:
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { /* STYLES GO HERE */}
This does seem to set the height of the columns but unfortunately seems to prevent ALL other custom styles from being applied to the site in EVERY browser.
Thanks again for the reply here, but I always clear the cache and use Ctrl + F5 to refresh and didn’t see any results when using the Responsinator for testing? It looks fine on a computer monitor, so can you just clarify a few points to make sure I understand this correctly please.
If I want to target just the iPad 768 x 1024 but need to set different heights depending on it’s orientation without affecting other screens, I should use something like this:
iPad portrait 768 x 1024
@media only screen (min-width: 768px) and (max-width: 768px) {
.page-id-9576 .iconbox_content {
min-height: 540px;
}
}
For iPad landscape it should be:
@media only screen (min-width: 1024px) and (max-width: 1024px) {
.page-id-9576 .iconbox_content {
min-height: 540px;
}
}
Once I understand this I can work it out myself, just need to be sure that there isn’t something else wrong. Many thanks again for your time.
We had the same problem and got around it by pasting embed code into the ‘Text’ area of a text block instead. This allows you to include additional attributes for Width and Height whilst still producing responsive video to some degree at least!
Unfortunately though, the video seems to resize within a containing div element which doesn’t resize with it and stretches vertically to reveal tons of black space above and below the video content in mobile browsers. This is the area that would usually be occupied by custom logos, titles and HTML links that you’ve added to your Vimeo videos specifically.
Once in a text block you can also change the width of the column using the Advanced Layout Editor as normal too, so there are other ways to restrict how much space your embedded video content occupies. Hopefully we’ll see a better solution to this in future releases though, as it’s a very important feature!
Hope that helps,
August 4, 2013 at 2:01 am in reply to: LayerSlider – Inconsistent Result from preview to final rendering #131940I’ve also experienced similar problems with layer slider when explicitly setting pixel widths. Text is aligned perfectly using pixel values in the preview window, but this doesn’t appear the same when viewed on the live site. Also, the layer slider interface seems very buggy to me. Frequently when I select a layer and click on a tab it will take me to the top of the wordpress interface page (like an anchor) instead of opening the required option area of the layer.
Hi guys, just wondering if you can help here as I would have expected some way to set the height and width of each iconbox content area. Otherwise, how can you ensure that columns all align neatly when viewed on tablets, especially iPads?
For example, if you create three columns and add an iconbox, then populate it with text of roughly the same length it will look great on computers. However, when this scales for tablets it’s near impossible to get the amount of text in each column to wrap to the exact same line, so you need some way to set the height and width for the iconbox content area when viewed just on iPads or tablets?
Many thanks,
I found a topic saying you had to declare these values three times for all browsers, but it still doesn’t seem to have an affect on the iconbox column background colours. I just want some way to make all my columns the same height regardless of how much text content is in each one whilst still being responsive.
.page-id-9576 .iconbox_content {
min-height: 440px;
}
.page-id-9576 .iconbox_content {
min-height: 440px;
height:auto !important;
}
.page-id-9576 .iconbox_content {
min-height: 440px;
height:auto !important;
height:440px;
}
I fully appreciate that thanks Ismael, just wanted to know if there is any known conflicts with Jquery as i can attempt to style the menu myself. Anything more than that is problematic though.
Thanks,
Really appreciate the help here but I can’t see any difference with that code. I was trying to find a way to set the height of each column so that they extended down to the same height, as currently they extend to different degrees depending on the text content and how it wraps.
Many thanks,
Thanks Ismael and sorry for posting yet another topic. I do actual spend considerable time searching for the answers I need before doing so though.
If we have problems can we pay you a small fee to help out here as we need a similar menu to this and mega menu isn’t responsive, so isn’t an option.
Thanks
Hi Devin, thanks for the reply as it’s much appreciated. Don’t suppose you know if setting a height on an iconbox element would have any negative effect or cause problems on mobile devices do you please?
Many thanks for the help here but I’m still encountering problems with:
Promo boxes and responsive, the button within the promo box falls out of positions and floats over text in IE.
Button BG colours and header BG colour between logo and social icons seems to disappear
Layer slider – text in slide gets ‘cut off’ at far right of screen
Vimeo and YouTube embeds do seem to scale but their container doesn’t resulting in a huge vertical black area above and below video in mobiles browsers. This is especially apparent when embedding vimeo content but I’m not sure if this is something you can help and if it’s related to the theme?
Many thanks,
Just re-sending now, thanks.
Thanks, would have the ability to easily control what H tag is used for such an important function would be an important one for SEO though surely?
Just to note, we’ve realised that when using browser shots whoever takes the screengrabs does a poor job as some of the content that we thought was at first missing might now be absent due to how the screen grabs have been stitched together on long pages, as we can see multiple scrollbars in the images.
Think we just need someone to test the site layout and verify it works as I think the missing bg elements on iconboxes in IE8 may be caused by us using RGB colour values which I believe aren’t supported?
Sorry about this and any help would be greatly appreciated as we want to go live, but just need to be sure it works ok.
Hi there, we sent an email to you a few days ago with a link to this post and our website. Please let me know if you want me to resend. We’ve also encountered a number of other problems with IE8 and while we understand that some of this may be caused by the fact this browser doesn’t support media queries / responsive layouts, it would be good to see if these problems are indeed caused by this or something else.
Unfortunately, many of our potential clients will view the site from a company computer that may be stuck on IE 8 due to their IT department, so we really need the site to look good in this browser.
What would you prefer us to do here please? Post individual topics or email the issues to you all in one go, as we can’t post live URL’s in the forum?
Many thanks for the great support so far.
We originally thought that we may have solved this problem and it could be caused by the fact that we had the Helvetica Neua font selected without having it installed on our system. However, we’re now unsure as it still looks fine in IE and Firefox, just horrible in Chrome?
What’s the best way to add a little horizontal space between characters please, is it letter-spacing and will this be ok when seen on other devices?
Sorry.
Thanks Ismael, any chance we’ll get this as an option in the control panel in future?
July 19, 2013 at 9:03 am in reply to: YouTube related videos, responsive heading titles and saving theme settings #129049Thanks for the help and I’ll now switch the status of this post to resolved as the issues directly associated with Enfold seem to have been addressed. To be fair I’ll direct our questions about the layer slider to the creator of that component so you can focus on more immediate Enfold related topics.
Thanks,
July 17, 2013 at 10:39 am in reply to: Embedded video content covering menu when scrolling down the page #129338Hi Ismael, please can you remove that links ASAP as we didn’t want it posted in a public forum. The video do go over the menu as we have tested on a number of browser including Firefox and IE.
Many thanks,
July 16, 2013 at 8:37 am in reply to: YouTube related videos, responsive heading titles and saving theme settings #129047Thanks Devin, is there no way to pm you the link though? How would I delete the link if I used the method above as I’ve not used this before and don’t know where the link displays etc?
July 13, 2013 at 11:49 pm in reply to: Embedded video content covering menu when scrolling down the page #129335Hi Ismael,
Thanks for the reply, we tried the code but it didn’t seem to make any difference. Can we provide a link privately somehow please?
July 13, 2013 at 11:41 pm in reply to: YouTube related videos, responsive heading titles and saving theme settings #129045Thanks for the reply.
1. Can we provide you with a link privately via pm or email please so it’s not in a public forum?
We are also experiencing additional issues with layer slider too. After a video contained in a slide has been selected / played, the option to select other slides via any means (nav, thumbnails) just disappears? Again, this is an urgent matter for us before we can go live with the site.
2. Thanks for the link to the responsinator, didn’t know about that one and very useful indeed. Titles do appear to be fine there but weren’t working when we manually scaled the browser window. Thanks.
3. Thanks for this info, might be above our level of comprehesion though. Can you export skins via the normal interface etc?
4. No problem, thanks again.
-
AuthorPosts