[Sarah]

Also Sakin, I just noticed that some of my theme options have disappeared since I updated, such as the option to customise fonts. Do I still have the Pro version?

[Sakin]

@Sarah: I see that you are using Catch Evolution Free version. If you have access to Pro version then you can activate the Pro version.

[Sarah]

Thanks Sakin, I’m confused now as I purchased pro in October.

When I logged in to WP recently I noticed that under my theme it said there was a newer version available, so I updated and was pleased to see I now had the option for 3 columns which is exactly what I want. But perhaps I activated the wrong one.

Anyway, I just went in and activated the Pro version again but now I no longer have the option of three columns and am back to all the optional sidebars etc. It seems very strange to me that I can’t have 3 columns with the pro version.

If we could resolve this ASAP it would be appreciated as my site is starting to get messed up with the changes. Perhaps I will send in a support ticket.

[Sarah]

I’m trying to navigate my way through this while I wait for your reply.

I notice my version of Pro is only version 1 despite me updating it. Perhaps I have done something wrong.

….update: I’ve just downloaded and uploaded version 1.5 and when attempting to install I get this message:

Destination folder already exists. /home1/esjayeff/public_html/wp-content/themes/catch-evolution-pro/

Theme install failed.

Will keep trying to figure it out while I await your answer. Perhaps I should delete V1.0 from my cpanel or something techy like that, arghhh.

When you do answer if you could also give me the requested CSS codes in the same message that would be helpful as it would save time.

Thanks.

[Sarah]

Update… okay, have fixed the issue with the Pro Version 1.5 by removing the earlier version. Don’t know how this happened as I updated via the link in WP but doing it manually seems to work better. I now have the three columns that I wanted, so if we can go back to my original request which was as follows….

Hi Sakin,
When I had two columns I had primary at 70% and secondary at 29.5%, so I am guessing that meant I had 0.5% between the two columns. Now I have three columns and so I would like to have a really narrow space between the three columns. If you could give me the code I can play with the numbers to get the layout that looks right to me.
I also want to make the padding around the widgets narrower. You originally gave me the codes above which were:
.widget {
margin-bottom: 30px;
}
.widget {
padding: 30px;
}
Do these codes still apply or are the codes different now that there are two sidebars?
While I have you, is there any way to get rid of the big white space above the header image so that the header image starts immediately below the browser?
As much as I love the design of this template, overall everything is just too spaced out and I’m trying to tighten it up.
Hope that is easier to understand. Thanks 🙂
http://thejuiceplanet.com

[Sakin]

@Sarah: It’s great that you updated to latest version. Yes, the widget CSS still applies. But I am confused with your 2 columns layout. Can you send me that page URL so that I can check in the css.

To remove the white spaces above your header image. You can just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header-content { display: none; }

[Sarah]

Hi Sakin,

My blog url is http://thejuiceplanet.com

I now have 3 columns (I used to have 2). I would like to make the space between all the columns narrower. You gave another member the following CSS code in reply #14144 on this thread’s first page:

@media screen and (min-width: 960px) {
#primary { width: 70%; }
#secondary { width: 25%; }
}

I used that code when I had two columns, but changed the numbers to 70% and 29.5% and it worked well.

Now I have THREE columns, I want to make the gap between each column as narrow as possible. When there were two columns the code had the words #primary and #secondary. Obviously there must be another word for the third column such a third, or tertiary, or something. So if you can give me the code to make the space between all the columns narrow that would be great.

Thanks.

[Sakin]

@Sarah: Yes I understand now. First I would like to tell you that in 3 columns layout: The primary and secondary is wrap with class .content-sidebar-wrap and then you have third dive #third

/* For 2 columns primary, secondary and wrapper */
.three-columns .content-sidebar-wrap {
    width: 77%;
}
.three-columns #primary {
    width: 60%;
}
.three-columns #secondary {
    width: 39%;
}
/* For 3rd column */
.three-columns #third {
    width: 22%;
}

[Sarah]

Thanks Sakin, That looks so much better 🙂

[Author]

Posts