[Yuna]

Hi ,

I can only try to imagine the effect of the earthquakes on the life in Nepal now.

My thoughts are with you, and I wanted to let you know that there is a substantial,
organized effort, here in Vancouver, Canada, to help out.
I hope it makes a difference.

I will totally understand if you can’t find the time to respond to all the questions, these days.
I think mine may be a short one, and if you can reply, that would be very much appreciated.

I recently bought the Adventurous Pro, and I would like to make the content area wider, and the right sidebar narrower. The new sidebar width should be about 200px
( Right now it’s showing as 360 px , at full screen, for comparison ).
The content area would be made wider , adding the width that the sidebar was shrunk.

Is there an easy CSS fix for this ?

[Sakin]

@Yuna: Thanks for your concern and help. Yes, we are getting lot of help from Canada and all over the World. It’s so nice of everyone helping each other.

To adjust the width, you can add the following css in “Appearance => Theme Options => Custom CSS” box:

@media screen and (min-width: 981px) {	
    #primary { width: 690px; }
    #secondary { width: 200px; }
}
@media screen and (min-width: 1025px) {
    #primary { width: 730px; }
}
@media screen and (min-width: 1153px) {
    #primary { width: 860px; }
}
@media screen and (min-width: 1281px) {
    #primary { width: 930px; }
}
@media screen and (min-width: 1345px) {
    #primary { width: 1020px; }
}

[Yuna]

Sakin,
Thank you !
That worked like a charm 🙂

[Yuna]

By the way, the code you posted worked great in the ‘Custom CSS ‘ box, but when I tried adding the same snippet to the ‘style.css’, in the Adventurous Pro child theme, it didn’t produce the same result.
It shrunk the sidebar, but the content area didn’t respond the same way.
As I changed the width of my browser, the content area mostly stayed the original size, which produced a wide gap between the content and the sidebar.

Puzzling …

[Sakin]

@Yuna: If you are adding in your child theme css then you can add the following css instead:

@media screen and (min-width: 981px) {	
    #main #primary { width: 690px; }
    #main #secondary { width: 200px; }
}
@media screen and (min-width: 1025px) {
    #main #primary { width: 730px; }
}
@media screen and (min-width: 1153px) {
    #main #primary { width: 860px; }
}
@media screen and (min-width: 1281px) {
    #main #primary { width: 930px; }
}
@media screen and (min-width: 1345px) {
    #main #primary { width: 1020px; }
}

[Yuna]

Hi Sakin,

I tried adding the code you suggested, to the child theme css.

It did change the sidebar size, but it also affected the pages
that were supposed to be full-width, and made the content area
the same width as if the sidebar was there.

In other words, the full-width option was also affected for the
whole site, and was effectively gone.

I’ll go back to the code in the parent Theme’s Options CSS, as per
your first suggestion.

It seems that Adventurous Pro theme doesn’t agree well with the
Child theme style.css , in general.

I started styling the top navigation, by using Chrome’s Developer Tools,
and I noticed that the css rules I apply successfully in the Chrome Dev tools,
on the frontend, do not work when I just place the same rules inside the Child theme CSS.

I guess this has to do with the enqueue set up.

Can you enlighten us on this 🙂 ?

Y.M.

[Yuna]

Hi Sakin,

I take my last comment back.

The Child theme CSS in Adventurous Pro works just fine, I just had some tags missing.
The workflow for changing the CSS from Chrome Dev Tools works fine, which
is quite a relief.

Sorry for the false alarm.

Where do I give you guys 5 stars ?

Y.M.

[Sakin]

@Yuna: Yes, thanks for your appreciation. You can post your 5 stars review at https://wordpress.org/support/view/theme-reviews/adventurous?rate=5#postform

[skendall]

Hello, I have adventurous pro and also want to change the contents page width. I don’t use the sidebars, though, and would like the contents page to be as wide as the full page (as wide as the header and menu). And is there a way of removing the title of each contents page without losing it from the menu? Thank you.

[Sakin]

@skendall: I adventurous pro theme, if you want Full Width content without sidebar then go to “Appearance => Theme Options => Layout Options => Sidebar Layout Options” and then select “No Sidebar, Full Width”.

Then to hide the page titles, you can add the following css in “Appearance => Theme Options => Custom CSS” box:

.page .entry-header { display: none; }

Note: when you post in support question. Please post in your site URL so that I can check your site and understand your requirement.

[skendall]

Thanks for replying, Sakin. The website is currently in “private”, sorry. I will post it as soon as I can 🙂

The page titles being hidden works brilliantly. Is there a way of reducing the space between the text and the top of the contents area?

Width: I am already using “No, sidebar, Full Width” but this just makes the box wider, not the full width of the screen. See this example here…
http://siteservicesunlimited.com/Abortion/
Is there a way of making the page go right across? Thanks.

[Sakin]

@skendall:
1. For space between text, you can adjust the margin bottom in the following css and then add it in “Appearance => Theme Options => Custom CSS” box:
p { margin-bottom: 30px; }

2. For the content width 100%, you can add the following css in Custom CSS box:
.container { width: 100%; }

[Yuna]

Hi Sakin,

I had to put my website project aside for a while, and now I’m getting back into it.
Currently, it’s only on a local machine, though, using WAMP.

I have a few questions, regarding the child theme, for Adventurous Pro.
I noticed that some css rules that work well, when entered in the Theme Options / Custom CSS box, don’t work when applied in the Child theme’s ‘style.css’.
Most seem to work fine, but some don’t. Adding !important to the styles did fix some, but I’m not even sure if there are some other rules that are still not working.

Does this have to do with the way the styles for the Parent and the Child theme are enqueued?

I need to create some extensive changes in the look of my site, so using the Theme Options Custom CSS box is rather cumbersome, I’d much rather use a code editor to test the changes, on my child theme’s ‘style.css’.

Also, the difference in the results, when the CSS is entered from these 2 locations, is making me feel as if some things are happening with the theme, that I don’t really understand.
In other words, I’d like to know if there are some other things I should know about the way the Adventurous Pro is set up, and how it interacts with a Child Theme.

Can you please offer some advice ?

Best Regards,

Y.M.

[Sakin]

@Yuna: Child theme style.css and custom css are different. Custom CSS are given more priority then responsive.css and child theme style.css. Where as child theme style.css is less priority then responsive.css. So, CSS that work in Custom CSS might not work in child theme style.css

So, it depends what css are you changing. If you are changing responsive css then you need to be careful about it.

You can always ask me the css that you wanted to add in your child theme style.css which is not working.

[Yuna]

Re: Do you offer Paid Customizations / Freelance Work ?

Hi Sakin,

Thank you for your reply. It does make things clearer.

You have been wonderful in answering mine, and other people’s questions, and I understand that all of this takes quite a bit of your time.

Do you, or your associates, also offer some free-lance work, for more extensive custom development of your themes ?
In this case – the Adventurous Pro.

Please let me know.
You can also contact me directly,
at the email address you have, connected with my account.

Best Regards,

Y.M.

[Sakin]

@Yuna: We have partner company who does paid customization. You can fill up the form at http://catchthemes.com/hire-customizer/

But if you are looking for long term development work then I can email you.

[Author]

Posts