OK, apparently it went on its holidays for a short break in Iceland. But its back now.
Yes, sorry about that. Normal service will be resumed as soon as possible.
Yes, no prob. My real problem is to figure out how to edit the code snippets to access the files already in situ.
I’ll give it a shot and see what happens. I mean, what harm can it do?… 8^)
What do you think about doing it this way ~ http://fearlessflyer.com/2011/04/how-to-add-lightbox-to-wp-without-plugin/
Would it be possible to do with what is already installed by the theme?
When I did that Eric, that effect is what I was trying to accomplish, but it only changes the portfolio section. The behaviour of the images in the Blog pages are not affected. Is there some more code to uncomment lurking somewhere?
I really don’t understand the problem you are having. The widget areas respond to a change of heading styling from H1 to H6 here and are not pre-styled, apart from the body text that is.
Thanks, that’s much simpler than I thought.
Eric, could you give me an example please of how to create a button menu link?
I’ve tried what I think you suggested but I don’t seem to be getting anywhere. Truth is, I don’t really understand what it is your suggesting I do. At least not in detail.
All you need to do is change the H4 tags to H1 in the HTML you are using in the widget text boxes, not in the CSS.
You can only assign widget areas to the primary and secondary sidebars, using that plugin. The markup surrounding the widget area never changes. The only thing that changes is the dynamic content that displays within the pre-existing sidebar locations.
It really is easy to add a new widget area to Genesis child themes, but you will need to do it programmatically ~ here’s a really good explanation how to do that by ‘Nick The Greek’ ~ How to Add a Widgeted Area (a.k.a. Sidebar)
What I did was a helluva lot simpler ~ I just took one of the standard theme colors I didn’t want to use ~ “Epik-Blue” I think it was ~ and then did a global search and replace for the color code in ‘style.css’ ~ find “color: #xxxxxx” replace with “color: #yyyyyy”.
Worked for me.
Terence.
@Dignaga ~ if you post the url ~ privately if you prefer ~ so I can see what’s happening with your site, I’ll try and tell you what the problem is, that’s assuming there is a problem.
I think before I touch the CSS I am going to wait for A) Genesis 2.0 to be released, B) WP 3.6 to be released, and C) the HTML5 version of Epik to be released. When I have those and see how nicely they play together, or not, I will have within a fairly short period of time, I hope, a fairly stable platform where I can resolve this issue once and for all.
Thanks for trying to help me so far.
Hmmm, seems to have gone a little quiet around here lately.
Spare a thought for the poor website which now has bright pink terms of service.
Can’t stay that way much longer.
Are you still trying to figure it out or just don’t like conundrums?… 😉
Sure, here are a couple of pages I produced earlier.
Default color style “Green”, custom body class “epik-pink” http://qloudpress.com/terms-of-service/
Default color style “Green”, custom body class “epik-black” http://qloudpress.com/privacy-policy/
I can see the result. I know how to fix it. I just can’t figure out why some color combinations work and others don’t, without editing the CSS.
Why should one theme color require !important to be effective, when used as a custom body class, when another doesn’t?
Some combinations work together without the addition of !important, but others only with !important.
I don’t know how I can explain it any clearer than that.
No Eric, you’re not making it more confusing, but you are answering a different question ~ one that I am not asking.
I understand perfectly well why using !important makes CSS behave differently.
What I am trying to understand is what makes, for example, a combination of [default] epik-darkblue work together with [custom body class] epik-pink, without the addition of !important, but not [default] epik-darkblue together with a combination of [custom body class] epik-black, only with !important?
That’s what I am trying to figure out.
Well, actually, no. I will try it, but it doesn’t make sense to me. Why do you think one theme color, as opposed to another, would need to have !important added?
Each theme color isn’t set up differently in the CSS is it?
However, if I do what you suggest, they will be.
It seems to me there’s a logic error somewhere, and I am damned if I can see it.
OK Eric, now we’re getting somewhere. When I have Genesis select the “Default” color style, and then add any of the other colors as a custom body class, all of them work. My problem is now, I don’t want to use the default color style, so editing Wes’s CSS and adding !important doesn’t seem logical to me when, if I am not using the the default color style, some colors are affected and some are not. I am thinking, as this is a logic error in the CSS, is using “!important” correct fix? Wouldn’t it be better to find a way of changing any one of the color themes to the “Default”?
I am sure it it works there, Eric, but my problem is that it doesn’t work here.
Check out the HTML/CSS of this page and you’ll see what I mean ~ http://qloudpress.com/privacy-policy/ ~ both the default epik-darkblue and the alternative epik-black body classes are visible, but the theme color remains unchanged.
Some work and some don’t for some reason.
When I put epik-black, epik-blue or epik-darkblue, in the inside the body class field at the bottom of the page editor, nothing changes and the page remains in the default theme color. I’ll do some more checking and see if that’s still the case or if I can alter it in some way.
Eric, yes, thanks to those articles and your help I now understand how to add body classes, but I think you missed the point of my question. I was asking why some body classes Wes has set up work, and the others don’t? At least for me they don’t.
Hi Eric,
Any idea why only epik-gray, epik-green, epik-orange, epik-pink, epik-blue and epik-purple actually works?
Terence.
For anyone following this thread and needing some basic help to get started the right way, here’s a really great resource I just stumbled on the other day ~ Download the Genesis Guide for Absolute Beginners (Free PDF). Its well worth reading.
No, I was right, there is a small mistake in the CSS.
Version: 1.2, Template Version: 1.9 shows the following…
23 Theme Colors
– Epik Black
– Epik Blue
– Epik Dark Blue
– Epik Gray
– Epik Green
– Epik Orange
– Epik Pink
– Epik Purple
So its missing the Epik Red color theme in the header, although it is in the CSS below.
Ignore that last sentence please. I pressed send by mistake and I can no longer edited as my edit capability has timed out.
I spoke too soon.
Only epik-gray, epik-green, epik-orange, epik-pink, epik-blue and epik-purple actually works.
When I put epik-black, epik-blue or epik-darkblue, in the inside the body class field at the bottom of the page editor, nothing changes and the page remains in the default theme color.
However, each of the theme colors works perfectly for if I select any one of the sample color pages Wes created.
Very odd.
While digging around I also found out there is a mismatch in the CSS and although I can select “Blue” or “Dark Blue” as Genesis color style, in the CSS it only shows
Sorry, my mistake, that should have read ~ “put epik-black, epik-blue, epik-darkblue, epik-gray, epik-green, epik-orange, epik-pink or epik-purple in the inside the body class field at the bottom of the page editor, and it works perfectly”.
OK, I see what the problem is now… when you use an additional color ~ which is not in the list of color schemes ~ like the “green” example you gave me, then the custom background color comes into play. However, if you use one of the pre-defined colors like “epik-pink” for example, then the whole epik-pink color theme in the CSS is used, which is what I was trying to do of course.
So, in fact, all I have to do is choose from Epik Black, Epik Blue, Epik Dark Blue, Epik Gray, Epik Green, Epik Orange, Epik Pink or Epik Purple in the inside the body class field at the bottom of the page editor, and it works perfectly.
Many thanks, I guess I took the long way round getting there, but with your help I have accomplished what I set out to do Eric.
Yes, Eric, that’s my point exactly.
When I use the custom-bg code above, what I see here is a green background instead of gray, but the header and footer remain in the selected default color. However, if open one of the other color pages Eric created it changes both the header and footer to a new theme color, but doesn’t alter the background.
So that is the effect I am trying to achieve here but adding custom-bg to the page in question doesn’t achieve that.
Look here ~ http://qloudpress.com/privacy-policy/
Do you see what I mean?
I bet you never read this then ~ http://codex.wordpress.org/WordPress_Widgets.
Its just one of those simple things that people take for granted ~ that you already know to add a text widget to a widget location ~ or some other kind of widget ~ in order to use it.
Glad I could help.
I have just been doing some further reading here and it may help if I mention this.
What I am trying to do is create additional ‘Color Theme Styles’, and then sometimes select a different theme style for a specific page, instead of allowing the default color theme style to run throughout the site.
Does that make sense?
I think the answer is crazy easy and you’ll do a head slap when I tell you.
Drag a text widget to the appropriate widget location and paste the text into it.
Job done, right?
Eric, not sure if its me not explaining myself or you describing to me how to do something other than what I was trying to accomplish. Anyway, I tried that and, once I’d cleared my browser cache, it worked very well ~ except for the fact that it only changes the background color, and that’s not what I was trying to do.
What I want to do is two things really:
1) Create my own (single, primary) color schemes, i.e. the same as Wes has done, no different, only choosing a different colors, and
2) Use one color scheme on one page and another on another page.
What do you think? Possible?
Thanks Eric,
Having read both articles I am pretty sure they require code diving capability above my pay grade.
I’ll take a look again later in the week when, hopefully, I am a little less stressed and can give it time to get my head round it, but I am not at all sure this will work for me.
Terence.
OK, sorry to bother you.
Then all you have to do ~ with this plugin installed and activated ~ is select “Enable Conditional Logic” on the menu item, and then use the drop down to select [Hide] if [User is logged in].
I looked at that widget since it seemed interesting, and Nick’s stuff is always good.
But it hasn’t been updated in a long while, three out of four people say its broken, and Nick has only tested it up to 3.3.2.
Check out the WP support forum for the plugin.
I wanted to use it but with WP 3.6 and Genesis 2.0 just round the corner ???
You can also do it, much easier, and still using the custom menu widget, if you use the “If Menu” plugin ~ which is getting a little old but still seems to work OK.
Your choice.
What’s wrong with using the “custom menu widget”?
No that’s exactly what I was referring to Wes.
Many thanks for clearing that up.
Ooops!
Sorry Wes, if I am being dense here, but does that mean then I can’t have a full screen width image, only 1152 px wide, not 1280 px ?
By the way, have you taken a look at the top of the main Epik forum page?
Wes has a few tutorials with code snippets for the entire Epik homepage there ~ the yellow ones!
You might want to look at this one first… https://appfinite.com/topic/epik-widgets-guide/
You’re welcome.
The widget areas are clearly identified in the area of the line # reference I gave you.
You’ll need to install Firebug in your browser or use your right click browser’s development tools to see what’s going on.
For example, using the dev tools in Firefox I can see you are using “.home-feature-4”. Unless you want to get into totally redesigning the way the CSS styles the homepage, which I don’t recommend, I suggest you look for one of the widget entries that suits the type of content you’re trying to display.
If you don’t put anything in the widget location it won’t display, so just jump down to the one that best suits.
Why can’t you add them with something like a “recent posts” widget and simply choose, either one of the full width sections or simply edit the CSS to style the widget location you’re putting them in, to give a greater % share of the width? Don’t forget that you have to have them all add up to about 98% I think it is (Wes?) They will all be styled as the CSS directs so you will also need to add 2 widgets in a 2x widget section, or 3 in a 3x section, or they will all shift to the left unless you change the CSS ~ if you look at “/* 07a – Welcome Feature 1-3 ———– */” about line #1269, you will see how they are being styled.
Terence.
Thanks Wes.
Yes boss! Sorry about that. My dry, British sense of humor obviously doesn’t travel too well.