[Pratik]

Hi km4m1l35,
This forum is exclusively for self hosted WordPress site with Themes/Plugins from Catch Themes. We wont be able to help you with anything else.

Regards,
Pratik

[Pratik]

Hi @victoryads,
You have shown several pages.

* Blog Pages:
* http://www.yogavideos.biz
* http://www.recording-studio.victorymusicalacademy.com/blog/

* Single Page:
* http://www.bestyogavideos.info/ashtanga-yoga-demonstration/

* Tag/Category Page – Archive page
* http://www.yogavideos.biz/category/ashtanga-yoga/

Now, the categories you have mentioned will only be visible in blog and single pages. It will not be visible in category/tag/archive pages.

If you want it in archive pages, add following code in Appearance=> Customize=> Theme Options=> Custom CSS box:

.archive .cat-links, .archive .tags-links {
    display: block;
}

Let me know how it goes.

Regards,
Pratik

[Pratik]

Hi @alwilleford,
Everything looks good except for just one error. It is in line 14. Remove ?> there and it will work.

What has happened is you have closed the ?> so, the swever thinks this is just plain code and gives raw output.

Let me know how it goes. If you have further trouble, do not hesitate to ask. I am here to help you.
—————————————————————————————————
Hi @sezg,
Thank you for your appreciation. If you liked our support and theme, please let us know by reviewing our theme at https://wordpress.org/support/theme/clean-journal/reviews/#new-post.

Regards,
Pratik

[Pratik]

Hi @alwilleford,
I am sorry, I thought I had posted a reply but somehow it did not get posted.

So for your solution, add this code in your child theme’s functions.php file: http://pastebin.com/wB1KdupN

———————————————————————————————————————–
Hi @sezg,

For your solution, discard the moving of do_action hooks and use this code in your functions.php file: http://pastebin.com/yi4Upnef

I hope this solves both your problems.

Regards,
Pratik

[Pratik]

Hi deDIYdiva,

I checked in our site and the color option for scroll to top is working fine. It is in Appearance=> Customize=> Color Options=> Scrollup color. This should work. If it does not, use following CSS:

#scrollup:hover, #scrollup:focus {
    color: #0acbee;
}

About providing color schemes, although this is a good idea, it is practically impossible to provide and satisfy all users with a few color schemes. So, we decided to add several color options section wise. Hope you understand.

Regards,
Pratik

[Pratik]

Hi @jangmery,

It will depend on how you have setup your blog page. If it is a static front page, then just add that page to menu. If your homepage shows latest posts, you will be able to add Home in your menu by
* Going to menus page on dashboard
* On right, there is Pages menu on which there will be View All tab
* There should be Home like, just check on that ad add it to menu

For more information about menus visit link: https://codex.wordpress.org/WordPress_Menu_User_Guide

Let me know if there is something else that you need.

Regards,
Pratik

[Pratik]

HI de DIY Diva,

To change those, you need to do it via custom CSS. Use following CSS code:

/* Read More button*/
.site .more-button a:hover, 
.site .more-button a:focus, 
.reply a:hover, 
.reply a:focus {
    background-color: #0acbee;
    border-color: #0acbee;
}

/* Search toggle and Date of the blogs on the frontpage */
#search-toggle:hover, 
#search-toggle:focus,
#main .entry-meta a:hover, 
#main .entry-meta a:focus, 
#main .entry-meta .posted-on a:hover, 
#main .entry-meta .posted-on a:focus, 
.entry-footer a:hover, .entry-footer a:focus {
    color: #0acbee;
}

/* lining of the search word entering space */
input[type="date"]:focus, 
input[type="time"]:focus, 
input[type="datetime-local"]:focus, 
input[type="week"]:focus, 
input[type="month"]:focus, 
input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="url"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
input[type="tel"]:focus, 
input[type="number"]:focus, 
textarea:focus {
    border-color: #0acbee;
}

/* Portfolio title */
#portfolio .hentry .entry-title a:hover, #portfolio .hentry .entry-title a:focus, #portfolio .hentry .entry-meta a:hover, #portfolio .hentry .entry-meta a:focus {
    color: #0acbee;
}

To top color should be manageable from Appearance=> Customize=> Color Options=> Scrollup color

Let me know how it goes.

Regards,
Pratik

[Pratik]

Hi @Minh,
Can you try following CSS code in Appearance=> Customize=> Theme Options=> Custom CSS box:

@media screen and (max-width: 400px) {
    #masthead {
        margin-top: 55px;
    }
}

Let me know how it goes.

Regards,
Pratik

[Pratik]

Hi Tingsted,
This is due to the header image. You have added a large header image. You can add a smaller header image to reduce header size.

Regards,
Pratik

[Pratik]

HI Glen,

It is really difficult to debug this, but you can try following:
* Make sure all plugins are same, with activated
* Re-install the theme, just overwrite the current theme files with the new one
* If you have a child theme, can you try activation parent theme and see if the problem goes away

Let me know how this goes, and I will help you further.

Regards,
Pratik

[Pratik]

Hi @dercncplaner,

Skype has a different protocol, so for security reasons, WordPress has it disabled by default.

If you really want it, then it can be done via child theme customization.

For that, first make a child theme for your theme. Details on creating a child theme is here: http://catchthemes.com/blog/create-child-theme-wordpress/

Then add following code in your child theme’s functions.php file:

/**
 * Skype URI support for social media icons
 */
function fabulous_fluid_child_allow_skype_protocol( $protocols ){
    $protocols[] = 'skype';
    $protocols[] = 'callto';
    return $protocols;
}
add_filter( 'kses_allowed_protocols' , 'fabulous_fluid_child_allow_skype_protocol' );

Then, in your child theme’s style.css file, add following code:

.social-networks li a[href*="skype"]:before,
.social-networks li a[href*="callto"]:before {
    content: "\f17e";
}
.site-header .social-networks li a[href*="skype"],
.site-header .social-networks li a[href*="callto"] {
    background-color: #12a5f4;
}

This should do the work. Let me know if you have further issues.

Regards,
Pratik

[Pratik]

Hi @mynameischetan,

All your menus, categories, ads, plugins will work the same way.

For future support, all theme related support that can be solved via custom css and minor child theme modification will be provided via this free support forum.

For discounts, please contact sales department at https://catchthemes.com/contact-us/

Regards,
Pratik

[Pratik]

Hi @mynameischetan,

Only Simple Catch Free is not responsive in our theme directory. If you want to make the site responsive, you can either upgrade to pro version, or use any other free theme from our Themes directory.

Regards,
Pratik

[Pratik]

Hi @Edward,

I am glad the solution worked.

Thank you for the suggestion. But as goog as it sounds, it will be nearly impossible to list out all the element tag’s ids and classes.

If you want, there is a nifty tool (addon) called firebug that will let you view the element’s id and classes. However, this is a developer tool, so will require some expertise on HTML and CSS.

Regards,
Pratik

[Pratik]

Hi @TK91,
What exactly do you mean by change? There is an option to move site title and tagline before logo in Appearance=> Customize =>Site Header/Site title and tagline.

Also please post in your site URL.

Regards,
Pratik

[Pratik]

Hi Edward,
I will try to answer your questions in order.

2. As to changing the colors for the header text, thanks much for the CSS. However, it doesn’t make everything behave as I would want. If I change the text to be darker, because the homepage has a light photo, and I use your custom CSS, only the text on the homepage returns to white. Please keep in mind that I ONLY have a photo on the homepage. The text on the other pages, which always shows the black header, does not change back to white; it remains the colors I have set. Here are the possible solutions as I see it: 
a) use only darker photos, and keep the text white everywhere; 
b) find a way to prevent the header from going transparent, as long as no part of the photo is hidden; or 
c) find a way to insure that the header text on ALL pages can return to white with custom CSS.

I can provide you with solution for (b). Use following code:

.home .site-header.fixed {
    background-color: #000;
    position: relative;
}
.home .site-header.float-header {
    position: fixed;
}

The problem with this is the transition when the header becomes floated. To solve this, you will need to hire a customizer as there will be a lot of changes in HTML and CSS required.

This solution should solve your (3) point as well as now image will not be hidden at all.

Let me know what you think. No worries about the comments. They were not confusing. In fact, they were even more helpful.

Let me know if I misinterpreted or missed anything.

Regards,
Pratik

[Pratik]

Hi @Edward,
This is page title. Same @media screen and (max-width: 767px) { rule applies here as well, if you want different sizes for different screen sizes.

.page .content-area .entry-title {
    font-size: 25px;
}

This will reduce size of the title on all pages/posts.

If you want it to affect only homepage, then you can use following code:

.home .content-area .entry-title {
    font-size: 25px;
}

Regards,
Pratik

[Pratik]

Hi Martine,
Strange indeed. But I am glad the issue is solved. Let me know if it occurs again, and I can help you solve it if it arises in future.

Regards,
Pratik

[Pratik]

Hi Jeffrey,

I have sent you an email. Please check it. I will require admin access for further assessment of the issue.

Regards,
Pratik

[Pratik]

Hi @Edward,
I tried that on the site and header kicks in when user scrolls just like in the desktop version? Isn’t this what you wanted?
Further, you are missing a final } in your custom CSS. It should be:

@media screen and (max-width: 991px) {
    body {
        font-size: 12px;
    }
}

rather that

@media screen and (max-width: 991px) {
    body {
        font-size: 12px;
    }

Maybe this is hampering your custom css.

About second question, you can do following:
1. Goto Appearance=> Customize=> Color Options
2. Change colors for menu, header, etc to different ones that you want
3. Then, add following custom CSS code so that it stays white when scrolled:

.float-header .site-title a {
    color: #ffffff;
}

.float-header .site-description {
    color: #eeeeee;
}

.float-header #mainnav ul li a {
	color: #fff;
}
.float-header #mainnav ul li a:hover,
.float-header #mainnav ul li a:focus {
	color: #e8554e;
}
.float-header #mainnav .current_page_item > a,
.float-header #mainnav .current_page_ancestor > a,
.float-header #mainnav .current-menu-item > a,
.float-header #mainnav .current-menu-ancestor > a {
	color: #e8554e;
}

.float-header #mainnav .sub-menu li a,
.float-header #mainnav .children li a {
	color: #fff;
}
.float-header #mainnav .sub-menu li:hover > a,
.float-header #mainnav .children li:hover > a {
	color: #fff;
}

Let me know once you have done so, then we can fix if I missed something.

Regards,
Pratik

[Author]

Posts