Forum Replies Created
-
Posts
-
Hi there – Tried to change the z-index (tried it multiple ways, even swapping gravitas of number values but it still didnt work.
Heres my css…
/*
DESKTOP STYLES
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
/* Desktop styles go here */
/* CREATES TOP MENU FEINT LINE */
#top .main_menu {
z-index: -1 !important;
height: 30px;
border-bottom-color: #5e5957 !important;
border-bottom-width: 1px;
border-bottom-style: solid !important;
}
/* Main Menu – HIGHLIGHT BLOCK */
#top .avia-menu-fx {
z-index: 0 !important;
display:block;
position:absolute;
top: 30px;
border-style:solid;
border-width:2px;
}
}
cheers
andy
If it is 50% 50% positioning then maybe it would be an acceptable solution for now on ios – Personally, I cld live with it but i’d love to still use the proper effect for MAC & PC. Is it possible for a system check that recognized the platform and switches between compatible versions. Just a thought – would be better than just having to rule it out altogether or allowing it be appear buggy.
Cheers
Andy
Ive been hoping for this since it was launched. Im also hoping for some additional rollover animated effects for things like icons, number builds, steps etc… Lets hope Kriesi is serious about making this the most complete theme ever because its looking good so far. I’d love to see more dynamic effects
Thanks
Hey, andyhoodified is right. Someone appears to have found a way to make it work on Ipad.
This theme http://purestudio-dev.gozawi.com/ is working on my ios devices
Great stuff. Fingers crossed we can get the same
Andy
Hi again,
I stand corrected – the picture does load on Safari but the parallax effect doesn’t work properly. It sort of has a delayed effect that alternates between two versions – very odd.
Anyway, Safari hates on Mac and it doesnt work at all on any browser on IOS devices – therefore I guess if one is to be 100% cutting edge its useless to incorporate it until it works. In a world where every client expects sites to be IOS compliant (at least mine do) then perhaps either a warning should be given pre purchase or a better work around found.
Darn it – its such a good effect too
Cheers anyway
Andy
I second that
Just set up a color section with a FIXED image in it with a quote over the top. Looks fine on my Mac & Safari but doesnt work at all on IOS devices. The text (quote) appears as it should but no image
Cheers
Andy
Hi Nick,
I have been changing the CSS as ive been going along (just like you showed me – hence ive achieved sooooooo much knowledge thanks to you) but I didnt understand why the % transparency was used. I was so tied up with the belief you ‘techies’ always dealt with exact values that I didnt think for a minute Kriesi had put in a ‘paint by numbers’ design system. It all makes sense – I just wanted it explained so I didnt think I was going mad! Its not something I think can explained by just trawling the web
Anyway, I think I can get back on track now. If… the following code effectively shuts off the transparency and I can add my own then I can get on.
#top .socket_color .avia-color-theme-color {
color:rgba(0,0,0,0.5);
}
#top .header_color .avia-color-theme-color {
color:rgba(0,0,0,0.5);
}
#top .main_color .avia-color-theme-color {
color:rgba(0,0,0,0.5);
}
#top .alternate_color .avia-color-theme-color {
color:rgba(0,0,0,0.5);
}
#top .footer_color .avia-color-theme-color {
color:rgba(0,0,0,0.5);
}
I know you felt like it was pulling teeth but it was a worth while lesson for me. Sorry if you feel exhausted!!
Cheers & I guess we can shut up shop on this issue finally
Andy
The concern I have more than anything though Nick is surely having to add CSS just to kill this opacity stuff isn’t it right is it? Is there a reason for this because surely that means people arent designing to a specific value anymore and sites arent accurate because Headers and the such like are really coming out as different values?
This feels wrong to a designer like me but then am I missing something? If I kill these opacity layers will I hit a brick wall later down the line but just haven’t seen it yet? Have I missed the point of this and I should rethink what Im doing?
Cheers
Andy
Hi Nick…
I kinda thought I had said it but maybe I wasnt explicit enough! Anyway to be sure here’s my own Clipular link with some text to explain what I mean.
http://www.clipular.com/c?6518370=wwDhFGC78iMolbemdBVV0mgcX-4&f=7a598bd5a4321bc47cf6d33218142f3d
The CSS file you are talking about. Where will I find this?
Almost there I hope and then I can get on with building!
Andy
Hi there,
two things… Firstly Kriesi has just acknowledged that there was an issue with the blog grid and it will be resolved in next update. Secondly, this color debate… the point im making is that (for argument sake) lets say I make every single color a strong orange and just the background is black. Why am I seeing derivatives of that color which (on your Clipular grab) show that there are loads of tinted ranges of the only orange color i chose. eg… the titles CATEGORIES & the blog…THE EYES HAVE IT show up as a vile yellow which is an opacity level of the only Orange color I chose (as shown in HOME – top left)
As ive said… the only way I will get rid of this is to literally add line after line of CSS code to kill it. Why cant I kill the white globally and only have my colors chosen in the styler as the colors I want (without the transparency/opacity)???
Andy
Thanks for the confidence boost Nick,
Your’e right of course although having come from a Rapidweaver background Im used to using dummy content, tweaking till it works and then populating all the core pages. I worry that if I dont get the main pages right now then when Ive thrown in everything and come back to tweak I wont be able to get what I want and ive committed to everything. Arse about-face way of working but normally I just design front end pages, shoot the video and then hand the rest over to a team to make it happen. Of course I understand the principles so im not trying to land a man on the moon without having a grasp on physics and gravity but even so….. well you get my drift.
Anyway…
Im going to do things slightly different. Ive saved all my pages and I will do as you say but just to be sure I wasnt going mad I reinstalled wordpress and both Enfold & Child. I then stripped away all the content (dont worry its backed up) and just made a basic page but changed all the background colors
Take a look at my site…. andypeck.co.uk
The orange is the color I tweaked across the board for all fonts and yet look what happens down the right hand side in the side bar. There’s some sort of additional layer making all the copy come out hue’s but not the strength of what I picked in the Styler. Am I going mad or is this an error?
Also, did the blog shoprtcode (when its in a grid) ever have an except underneanth or has it only ever displayed just the title. I swear it did have a few lines which is why the READ MORE was relevant but having now checked the demo site andcompared it to my own it no longer has it. Was I imagining the except? Has it gone with the 1.5 update or should I just go get my head examined?
Sorry for long email but thought I should explain
Andy
Hi again…
Ok, ive done a search and deleted 17 .DS_Store files and have added a block app that will avoid adding them again (fingers crossed). Ive also deleted every single file except the ones ive put inside the Enfold-Child Theme folder. These are: FONTS folder (includes the Bebas set) and the ‘style.css’ file. Thats it!
Ive not touched the Enfold theme at all so now the only things ive added are within the CSS file.
The three issues however still exists!!
I guess I can abandon the idea of using the Fixed Header and revert to the scroll up version which would fix ISSUE 3 but that doesn’t resolve ISSUE 1 (Testimonial desc text) & ISSUE 2 (Colors)
Andy
Erm…
Appreciate what you are saying its just I now dont know if im over my head or to keep going. I was originally going to tweak a dedicated Portfolio theme but it was very prescriptive so I thought i’d give this a whirl but I really do feel im rebuilding a car from almost the ground up and the engineers are losing patients with me now that my car, whilst looking good all the doors fall off when I hit 60!!
Anyhoo, the two clipular pages you are looking at are two different versions… the grey was up there yesterday and the blue version is what ive set up today.
unfortunately…. I feel im losing the faith despite the fact I can see the marathon finish in site
Cheers anyway
Andy
Ok….. Cynicism aside Nick. How exactly do I get rid of them as they aren’t in my Child Theme CSS and that the only thing I’ve been tweaking. Deliberately to avoid this. I’ve been keeping to the yellow brick road as it were.
In regard to the DS Store files. It purely a mac thing. When we last spoke I deleted everything as you said but as soon as I installed 1.5 back it all went. Ill go through and delete again as suggested.
Now, could I get advice as to what has caused me to stray into the haunted forest and what Wizard of Oz magic you can wield to direct me back to the Emerald City. Failing that should I just give up and head back to Kansas?!!!!!
Cheers
Andy
Hi folks,
Ok… ive partially updated my site. Now you should be able to see the three issues that have been a problem
1) Check out the TESTIMONIAL AUTHOR NAME on the home page or the sidebar text on the ABOUT page and you will see PURE WHITE text that shouldn’t be there along with some partially transparent colours. Its subtle but its there (check headings) as ive said, the only reason the other white headings have gone are because ive covered them up in the CSS file
2) The LATEST NEWS on the HOME page has none of the descriptive text below each image even though it exists in the blog itself. This issue didnt exist before the 1.5 update
3) Attempting to scale the display to an IOS size creates an effect where the screen gets totally cut in half. The following is the offending CSS…
/* ADJUSTS LOGO WITHIN HEADER */
.logo {
margin-top: 20px !important;
margin-bottom: 30px !important;
}
Again this didnt happen before 1.5 but if I remove it I cant control my logo height
Cheers
Andy
Hi there,
I assure you I’m not imagining it…. Most of my CSS is covering it up now with !important comments. However, in my styling controls there is no pure white and certainly none in my css. If I remove all my CSS and change every single color the white still exists. I’m in the middle of updating my site to reflect my offline version and once I’ve done that ill find one of the offending colors, take a snap shot and give you a link to where it is
Andy
Just to add, ive only updated Enfold to 1.5 on my local server. This is while I test it so the errors wont be visible on my live site
Cheers
Andy
Hi there andikleinke,
Yep, thats one of the issues. Fingers crossed the fix Dude has given here will fix it.
Good luck
Hi there,
All sorted… I do believe 1.5 did the trick (especially with some overlay issues on the menu)
Ta
Big Thanks – Very useful to know. That explains allot. Im on a massive learning curve but im getting there slowly
Cheers Devin
hi Nick,
Devin has told me off for asking for asking for direct support so ive taken off maintenance mode and will ask one question at a time. Ill keep things generic.
cheers for all your help anyway
youve been brilliant
so close too!!!!!
Hi Nick,
good news is that Ive got my menu almost how I want it. Ive been busy playing.
here’s where im at…
1) LOGIN – Now im in Maintenance Mode – How do I give you and your colleagues access?
2) TOP MENU – Ive been playing with the z-axis to try and get the fat orange block to sit on top of the thin one but it wont budge.
3) TOP MENU – It now looks great in full screen mode on my mac but looks terrible on IOS devices.
Issue a) Logo doesn’t scale
Issue b) Lines above the menu (on right) don’t turn of when the responsive menu appears – overlaps right across top.
Cheers
Andy
