[Sarah]

Thanks Sakin 🙂

[Sarah]

Thanks Sakin, I added that and it looks great on my mobile but now I get only one column on a full screen computer too.

[Sarah]

Thanks Sakin, That looks so much better 🙂

[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.

[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

[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]

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]

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?

[Sarah]

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

[Sarah]

Hi Sakin,
Since I changed from two to three columns the padding instructions you gave above no longer work. Can you help me with the custom CSS so that I can have a narrow gap between my three columns and the footer please?

Here is the custom CSS I currently have which isn’t working:

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

.widget {
margin-bottom: 5px;
}

.widget {
padding: 10px;
}
.entry-title, .entry-title a { color: #cc6600; }

ins.adsbygoogle { padding-bottom: 30px; }

[Sarah]

That’s awesome, works perfectly 🙂 Thanks

[Sarah]

That’s great, thanks Sakin 🙂

[Sarah]

Thanks Sakin, I used both codes and am happy with the result.

[Sarah]

Thanks Sakin, I will look at some social media plugins.

About the search … I wasn’t referring to the search function on my own site, I was referring to your search function on this forum. everything I type in gets a no matches result. For example: http://catchthemes.com/search/social+media/

[Sarah]

Also, can I reduce the padding in the widgets, they are so huge and I really want to tighten everything up a bit.

Cheers

Sarah

[Sarah]

Hi Sakin, I also find the sidebar too big. I have resized it according to your instructions above but with a much narrower gap between content and sidebar, see following:

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

Now I would like to make the gap between the widgets (above and below) narrow too, can you advise me on the custom CSS please?

Sarah
http://thejuiceplanet.com

[Author]

Posts