[Mahesh]

Hi @connectionspgh,

Please post in your site url and show what you want to change as for an example.

Regards,
Mahesh

[Mahesh]

Hi connectionspgh,

No, Adventurous Pro doesn’t have such feature. For this feature you’ll need to do it with Custom CSS. Please follow the link.
https://gist.github.com/mahesh247/727b652086537eed87bb
Then go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the CSS from the above link.
Hope it works as you desired, if not, you’ll need to do hire a customizer.

Regards,
Mahesh

[Mahesh]

Hi @connectionspgh,

The featured image is resized into three sizes, featured post slider(1600×600), featured image(800×324) and small image(400×267). Which image is one causing the issue. And what size do you want to change the image to?
You can use the large image or the size mentioned above.
Let me know further.

Regards,
Mahesh

[Mahesh]

Hi @nancyjas,

Please add the following CSS for the change.
1. arrange that it has the same color #f2f2f2

#breadcrumb-list {
    background-color: #f2f2f2;
}

2. same color as the normal tekst #5a5a5a

#breadcrumb-list a, #breadcrumb-list a span {
    color: #5a5a5a;
}

3. footer widget straight in the middle

#supplementary .wrapper {
    text-align: center;
}

4. make footer a little bit less high

#supplementary{
    padding-top: 0;
}
#supplementary .widget {
    margin-bottom: 0;
}

5. I guess you need to hire a customizer for this.

Hope this helps.

Regards,
Mahesh

[Mahesh]

Hi pizzadude007,

The one you’ve mentioned above is the demo slider. I recommend you to upgrade to Adventurous Pro as the feature you are seeking is available in it. You can use post, page, category or image slider in Pro version while free version is limited demo slider(content cannot be changed), post and category slider.

Regards,
Mahesh

[Mahesh]

Hi @pete-guttenberggmail-com,

Thank you for using Catch Responsive Pro.
Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.menu.catchresponsive-nav-menu {
    width: 95%;
}
.menu-item {
    width: 20%;
}
.menu-item a {
    text-align: center;
}

Hope this helps you to solve the issue.

Regards,
Mahesh

[Mahesh]

Hi @katonov,

Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

#content .wrapper {
    padding-bottom: 0;
}
.page.hentry {
    padding-bottom: 0;
    margin-bottom: 0;
}

This will reduce the space you’ve mentioned to some extent, however, still some space left is because of the visual-composer plugin you are using, which if decreased will create issues in other sections.

Regards,
Mahesh

[Mahesh]

Hi @dsommer,

For the above changes, go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

/* Add background to Header */
#branding {
    background-image: url('Put Your Image Link Here');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
/* Change site title's color */
#site-title a {
    color: #0000ff;
}
/* Change site description's color */
#site-description {
    color: #0000ff;
}

Note: Replace Put Your Image Link Here with your desired image link. Replace the color hex with your desired color.

Regards,
Mahesh

[Mahesh]

Hi @maeva,

This can be achieved with Custom CSS. Go to “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box and add the following CSS.

.nav-primary {
    background-color: #00ff00;
}

.catchresponsive-nav-menu .sub-menu li a:hover,
.catchresponsive-nav-menu .sub-menu li a:focus {
    background-color: #00ff00;
}

Note: Please change the colors as desired.

Regards,
Mahesh

[Mahesh]

Hi @adunning,

For this you can use the heading tags in content for those titles. I hope you understand what I mean.
Please do no use temporary domain url as it will be put into spam. Either use google shorturl or bit.ly for such urls.

Regards,
Mahesh

[Mahesh]

Hi @adunning,

Thank you for your appreciation.
Have a nice day.

Regards,
Mahesh

[Mahesh]

Hi @americaontwowheels,

Thank you for your appreciation.
Have a nice day.

Regards,
Mahesh

[Mahesh]

Hi @Micke,

If you want it on homepage only, please use the following CSS.

.home #content .entry-title > a {
    font-family: Times New Roman;
}

Regards,
Mahesh

[Mahesh]

Hi @mescomptoirs,

Yes, the website is reduced to 720px which makes the menu bugging due to the media queries. You do have to manage it properly for all breaking points.
Yes, you do have to use the media queries. Please use the following CSS. I assume, adding this to theme’s Custom CSS won’t work as Jetpack’s Custom CSS executes at the last. Add it to the jetpack custom css hope it helps.

@media screen and (max-width: 1024px) {
    .one-column .site {
        width: 960px;
    }
}

@media screen and (max-width: 990px) {
    .one-column .site {
        width: 910px;
    }
}

@media screen and (max-width: 960px) {
    .one-column .site {
        width: 720px;
    }
}

@media screen and (max-width: 767px) {
    .one-column .site {
        width: 600px;
    }
}

@media screen and (max-width: 640px) {
    .site, .one-column .site {
        width: 460px;
    }
}

@media screen and (max-width: 479px) {
    .site, .one-column .site {
        width: 100%;
    }
}

Note: This will make your hope page responsive, however, the slider may seem a bit odd, because of max-height defined for the slider.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

Oh that’s great.
Glad to know that you’ve managed to make it work now.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

Hehe, thats kind of funny. 🙂
Yes, you do have to click save menu button everytime you change something to it.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

It is kind of odd, in our server it is working fine. Do you get any error or something?
Let me know if any issue.

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

The code is working fine on our server (localhost). Have you activated the child theme? 🙂

Regards,
Mahesh

[Mahesh]

Hi @Tatsujin,

Will contact you through email privately for the details.
And as for you 3rd point, you would not need a widget area, you can achieve it with Custom CSS. Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add the following CSS.

.home #main {
    display: none;
}

Regards,
Mahesh

[Mahesh]

Hi @andrewf90,

No, there is no limit for the child menu items, you can add as many items as you want. Seems all you items are in parent and not as child, so all items are displaying at once. Or may be you’ve selected the other menu instead. Go to “Dashboard=> Appearance=> Menus” then select a menu from the drop down then scroll down to the bottom to Menu Setting section and please check on Primary menu in Theme locations.

Regards,
Mahesh

[Author]

Posts