[Pratik]

hi @Adam,

Thank you for using Catch Box Pro.

If you added your CSS via Appearance=> Theme Options => Custom CSS Styles or Appearance=> Customize=> Theme Options => Custom CSS Styles then you will not lose any information, and that CSS will be applicable to new theme versions. However, if you made any direct changes to the core theme files like styles.css, index.php, etc without a child theme, then you will lose those changes.

Regards,
Pratik

[Pratik]

hi @[email protected],

Can you post in your site url and the device name so we can check it?

Regards,
Pratik

[Pratik]

hi @marcodimi,

Sorry I misunderstood early. I think what you mean is to fix the primary menu.

This is a bit complex but it can be done following following steps:
1. Add following CSS code in Appearance=> Theme Options=> Custom CSS Styles

#access.fixed {
    position: fixed;
    top: 0;
    width: 1000px !important;
}

2. Then add following jQuery code in Appearance=> Theme Options=> Webmaster Tools=> Header and Footer Codes=> Code to display on Footer:

<script>
jQuery(window).scroll(function () {
	if (jQuery(this).scrollTop() > 100) {
		jQuery('#access').addClass('fixed');
	} else {
		jQuery('#access').removeClass('fixed');
	}
});
</script>

This will fix the menu whenever user scrolls below the primary menu.

If you always want the Primary Menu fixed, you can just add following code to Appearance=> Theme Options=> Custom CSS Styles and it will always be fixed to top.

#access {
    position: fixed;
    top: 0;
    width: 1000px !important;
}

#branding {
    margin-top: 44px;
}

Let me know how things workout.

Regards,
Pratik

[Pratik]

hi @marcodini,
You can use the following CSS in Appearance=> Customize=> Theme Options=> Custom CSS Styles box:

/* For Categories Widget Heading */
.widget_categories h3 {
   font-size: 26px;
}

/* For Categories Widget Content*/
.widget_categories  ul li {
    font-size: 15px;
}

Let me know if this works or not. You can increase/decrease the font-size px as per your need.
If this does not work, you will need to publish the widget.

Regards,
Pratik

[Pratik]

Hi @marcodimi,
By menus to slide down, do you mean sub-menus? If so, in WordPress admin, you can control the menu by going to the Menu under Appearance tab. To make a drop down menu, you just drag and drop the items under another item. You need to drop it as a child element(just drag and drop it).

If you want anything else, you will either need to hire a customizer or add it via plugin as this goes beyond the theme support scope.
Regards,
Pratik

[Pratik]

Hi @marcodimi,
Assuming http://marcodimizio.com/ as your site, can you let me know which widget you want to have with bigger font sizes, then I can provide you with CSS.

Regards,
Pratik

[Pratik]

hi @[email protected],
I am assuming you want these hidden in home blog page. So please add following code in Appearance=> Customize=> Theme Options=> Custom CSS and it should work.

.home .entry-meta,
.posts-navigation {
   display: none;
}

If this does not work, please post in your site url.
Let me know how it goes.

Regards,
Pratik

[Pratik]

Hi @andrewf90,
If you upgrade to Catch Flames Pro, you will have the option to change the primary menu background color to any color with live preview with a ton of other features, described here. In free version, you will need to do it with custom CSS. In Appearance=> Customize=> Theme Options=> Custom CSS box, add following code:

#header-menu #access { 
   background-color: #dd9933; 
}

You can change the #dd9933 value to any value you like for hex color.

About the mobile site, Catch Flames and Catch Box have different design elements so a mobile menu bar is not suited for this theme. However, if you want it, you can add following CSS in above mentioned place which will make a menu bar:

.mobile-menu {
    background-color: #dd9933;
    width: 100%;
}

[Pratik]

Hi @andrew90,
If you mean the background, you can change to any color by going to Appearance=> Customize=> Colors=> Background Color.

If it is something else, please post in with reference to your site url.

Regards,
Pratik

[Pratik]

Hi @troyjensen,
To change Subheadline text font size, you can add following CSS in Appearance=> Customize=> Theme Options=> Custom CSS box:

#featured-post #featured-heading h3 {
   font-size: 20px;
}

Increase/Decrease the 20px in font-size: 20px as per your need.

Let me know if this works out or not.

Regards,
Pratik

[Pratik]

Hi @lehii17,
If you want h1 to be changed, more detail is required. Please let me know which <h1> you want to change, and Where? And a site url will be will be better.

Regards,
Pratik

[Pratik]

Hi @poberdB,
Can you let me know how you added the content in that page? If you are familiar with HTMl and CSS, then it is due to an inline CSS that adds padding-left: 250px in that <p> tag. Remove it and it will work.

[Pratik]

HI @emree025,
Can you try to use ü instead of that character. It should work.

[Pratik]

Hi @sailgoldshell,
No need to post it again. For Future reference, the forum for Simple Catch is here.

About the empty space, it is because there is an empty <p> tag between the title and the image. It may have been there because and extra “enter” while editing the text. Just find the space in the editor and delete it, it will be removed.

Let me know how things work out.

Regards,
Pratik

[Pratik]

Hi @RobertB,
I will point out a few things:
1. The error is due to line 2946 in your style.css, which is as follows:

#site-branding, #main, #content_sidebar_wrap, #content_sidebar_wrap #main, .sidebar-primary {
    width: 50%;
}

This should be as follows, and this issue will go away:

#site-branding, #main, #content_sidebar_wrap, #content_sidebar_wrap #main, .sidebar-primary {
    width: 100%;
}

2. You should never edit the main theme files. If you do this, all changes will be lost on updating the theme.

If you want to change the CSS, you can simply go to “Appearance=> Customize=> Theme Options=> Custom CSS” box and add in new CSS if they are a few. This will override the original CSS.

If there is a lot of CSS to be changed, it should be done via child theme. The details on child theme is here.

Let me know if things work out or not.

Regards,
Pratik

[Pratik]

Hi @sailgoldshell,
I checked your site and the theme is Simple Catch and not Catch Base.

Further, I checked following links and did not find the whitespace issue.

• http://www.sailinghound.com/2015/12/hf-weather-fax-ais-receiver-noaa.html
• http://www.sailinghound.com/2015/12/introduction-and-our-plan-of-sailing.html
• http://www.sailinghound.com/2015/12/one-easy-task-easilly-turns-into.html
• http://www.sailinghound.com/2015/12/restoration-of-teak-handrails-on.html
• http://www.sailinghound.com/2015/11/antiquated-wind-speed-depth-and-compass.html
• http://www.sailinghound.com/2015/11/its-sad-day-when-sailboat-is-tucked.html
• http://www.sailinghound.com/2015/11/veterans-day-is-more-then-just-day-off.html
• http://www.sailinghound.com/2015/11/replacing-antiquenon-functioning-manua.html

It will be better if you could post in a few posts with the issues.

Regards,
Pratik

[Pratik]

Hi @RobertB,
Assuming discoveryarcade.com is your site, is it possible to view the site, as currently it asks for password.

Also, can you check Clean Journal Demo and let me know if the problem persists there too?

Regards,
Pratik

[Pratik]

Hi @Brook,
For Catch Responsive Pro, WooCommerce Plugin is recommended for e-commerce solutions. Just install the Plugin and go through their installation guide/setup and it should work.

Let me know if there is anything else.
Regards,
Pratik

[Pratik]

Hi @Into Explorer,
Thank you for using Catch Box. Although a Site URL will be good, this is a plugin related issue, so it is better to ask for support on the plugin support forum rather than here.

If you want to try a different plugin, you can search for it in WP.org Plugins repo.

[Pratik]

@Sakin: Thanks.

@adunning: There is a mistake in your Custom CSS because of an extra ” near the top. Just replace all codes in “Custom CSS” box with following (just edited your current content, with a slight edit):

#main-slider .entry-container {
	display: none; 
}

#footer-sidebar {
    background-color: #FF9999;
}

.site { 
	margin: 0 auto; 
}

/* Hide Primary Menu */
#header-menu {
	display: none;
}

/* For Site Title */
#site-title {
    font-size: 52px;
    font-family: sans-serif,Arial;
}

/* For Site Tagline */
#site-description {
    font-size: 20px;
    font-family: sans-serif,Arial;
}

Let me know if this works or not.

Regards,
Pratik

[Author]

Posts