[Pratik]

Hi @xherbie,

That type of functionality will require some custom work. It will require you to filter the menu via Custom Nav Walkers. I am sorry but this falls outside our support scope. Please consider hiring a customizer.

Regards,
PRatik

[Pratik]

Hi @Randal,

The settings from free theme should migrate to pro theme as in Catch Kathmandu Pro as they use same option.

The menus will not migrate though as they are handled via core. This will be taken care of in next version update as well.

Can you post in your site URL so I can check it?

Regards,
Pratik

[Pratik]

Hi Hollye,

Do you mean in http://mydreamlife.me/dream-video-devil-room/ where your name is beside a user icon?
This is not possible as that is just a link. Avatars will show up on comments.

If it is somewhere else, please let me know.
Regards,
Pratik

[Pratik]

Hi @Shop43,

1. Oh, you meant separately for each post, well I thought separately for main and primary sidebar :D. For that use following Code:

#primary article {
    border-top: 2px solid #000000; /* Remove this line if you do not want border top */
    border-right: 2px solid #000000; /* Remove this line if you do not want border right */
    border-bottom: 2px solid #000000; /* Remove this line if you do not want border bottom */
    border-left: 2px solid #000000; /* Remove this line if you do not want border left */
    border-radius: 5px;
}

Just remove the lines that you do not want and that side’s border will be removed.

For Sidebar, The Search and Social media icon have bottom border. Do you want to just add just the left and right borders to them, or completely enclose them with a different border removing the previous border. Can you explain this a bit, I am confused.

6. For that use following CSS Code:

#sidebar-header-top .widget.widget_widget_catchbox_adwidget {
    margin: 5px;
}

Just increase or decrease the size of 5px and the margin will increase/decrease.

Regards,
Pratik

[Pratik]

Hi @riccrom123,

The effect will be the same in the boxed layout too. And if you want boxed layout, then you will need to of a lot of customization as it will need to be fixed in all responsive device CSS.

If you change the html structure a bit, then it may be achievable, but for that, you need to hire a customizer as it will involve a bit of customization.

Regards,
Pratik

[Pratik]

Hi @Jennifer,

I did some research for you and that icon can be achieved using HTML entities. So use following code instead.

.widget ul {
  list-style: none;
}

.widget li {
  text-indent: -15px;
}

.widget li:before {
  content: "\271D";
  padding-right: 5px;
}

This should work and overcome the obstacle on Wingdings not being web ready as it uses HTML entity instead of the symbol.

Let me know how it goes.

Regards,
Pratik

[Pratik]

Hi @jonny,

You are welcome. If you like Catch Responsive theme and Catch Web Tools Plugin along with our support, then please give us your valuable review at https://wordpress.org/support/view/theme-reviews/catch-responsive and https://wordpress.org/support/view/plugin-reviews/catch-web-tools.

Have a nice day.

Regards,
Pratik

[Pratik]

Hi @Jennifer,

You can use following CSS code in <b>Appearance-> Customize-> Theme Options -> Custom CSS</b> box:

ul li {
    list-style-type: "✝";
}

Note: Specifying Wingdings 2 font is contrary to the published specifications, has never been a documented feature of HTML, is not reliable, and should not be done. Wingdings 2 is not available on all computers, and so the intended characters may not appear on computers running non-Microsoft operating systems such as Mac OS 9, Mac OS X 10 or Linux. The intended characters are also unlikely to appear when using a standards-compliant browser such as Firefox, Google Chrome, Netscape 6+, Opera 6+, Safari 3+ or SeaMonkey (formerly Mozilla). The same problems are found with the Webdings, Wingdings and Wingdings 3 fonts – they should not be used in Web pages.

Regards,
Pratik

[Pratik]

Hi @Shop43,

2. To put borders around primary and secondary separately, use following code in Appearance=> Customize => Theme Options=> Custom CSS Styles box:

/* For Main block */
#primary {
    border: 2px solid #000000;
    border-top: none; /* Remove this if you want it in the top as well */
    border-radius: 5px;
}

/* For Sidebar */
#secondary {
    border: 2px solid #000000;
    border-top: none; /* Remove this if you want it in the top as well */
    border-radius: 5px;
}

3. For this, use following code in Appearance=> Customize => Theme Options=> Custom CSS Styles box:

.widget img {
    display: block;
    margin: 0 auto;
}

5. For social icons, I have provided you CSS Code: http://pastebin.com/cr16a4AT. Just add it in Appearance=> Customize => Theme Options=> Custom CSS Styles box and it will have the effect you desire.

NOTE: You have made a mistake in your Custom CSS code. You are missing a } at the end. The Codes I provided will not work unless you fix it.

[Pratik]

Hi @Eddie,

You can try the Jetpack Plugin‘s Widget visibility module. It will let you choose the option to make widget visible with conditions.

Regards,
Pratik

[Pratik]

Hi @effess,
I think the CSS file is generated on the fly as Custom CSS is changed. It will be better if ask for support in their support forum : https://wordpress.org/support/plugin/nextgen-gallery

Regards,
Pratik

[Pratik]

Hi @creativesigns,

You have following code in your Appearance=> Customize=> Custom CSS box:

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

Just edit it to following:

.home #main .page header.entry-header{
   display: none;
}

And it should only remove the page title on home page.

Let me know if it works or not.

Regards,
Pratik

[Pratik]

Hi @Shop43,

1. The effect is from a plugin that you have installed called Thrive Visual Editor. You will need to ask for support from that plugin as it falls outside our theme support scope.

2. The content and widget area in home page has been generated from the plugin above so it will be difficult to provide support for it. For Other Pages, you can use following CSS code in Appearance=> Customize => Theme Options=> Custom CSS Styles box:
`
#primary, #secondary {
border: 1px solid #000000;
}
‘
For more border options, please view following links:
* http://www.w3schools.com/css/css_border.asp
* http://www.w3schools.com/css/css3_borders.asp

3. I cannot understand what you exactly want. Can you explain this a bit more?

4. Great you solved it yourself.

5. Add the code here in Appearance=> Customize => Theme Options=> Custom CSS Styles box.

Regards,
Pratik

[Pratik]

Hi @stefabsharpe,
Can you let me know which vertical line you are talking about? Can you show with a screenshot?

Regards,
Pratik

[Pratik]

Hi @jennifer,

Can you post in your site url and the place you want wingding so that I can check it and provide you with Custom CSS code?

Also, please let me know which bullet image you exactly want.

Regards,
Pratik

[Pratik]

Hi @jonny,

It is not recommended to edit core theme files. If you want to add the validator codes please use Catch Web Tools plugin’s Webmaster Module. It has google, bing, alexa, yandex and other site verification tools too.

For custom verification, add the code in header scripts and it should work.

Regards,
Pratik

[Pratik]

Hi @krmarshall87,
We do run our themes via document validators.

One H1 per page is old. It was only valid for HTML4.

In HTML5, you can have more then one H1 tag. That was issue only when you use HTML4 tags. In HTML5, H1 tag per article tag is good for SEO and we have carefully designed H1 tags with special attention on header tag and headings

Full Frame theme is build in HTML5, CSS3 and Responsive design. So, H1 is better for SEO then H2.

You can also check this Video http://www.youtube.com/watch?v=GIn5qJKU8VM by Google software engineer Matt Cutts, who clearly states that you can use multiple H1 but don’t over do it. Also use h1 specific to heading and header tags.

You can also check this article URL http://html5doctor.com/html5-seo-search-engine-optimisation/

As for other errors, most of them are accessibility errors. This theme is not accessibility-ready.

Regards,
Pratik

[Pratik]

Hi @Cybersnaby,

Can you please post in your site url so I can check it.

Regards,
Pratik

[Pratik]

Hi @zerocuul,

1. If you change the width, then you will need to adjust the sizes for all devices. Please hire a customizer to make it work on all devices. There will be a lot of changes. Also, consider using a child theme and its style.css as there will be quite a few changes. Custom CSS box is only meant for small changes.

2. It is possible to change color of child menu.For that, you can add following CSS code in Appearance=> Customize=> Theme Options => Custom CSS box:

#branding #access, #colophon #access-footer, #branding ul.menu ul a {
    background: #CD0000;
}

Change the hex color value to any value you like.

Regards,
Pratik

[Pratik]

Hi @shawzepe,

I have tried it on several devices and its working fine. Can you let me know which device have you tested on?

It can also be cache related issue. Try clearing your cache and try again.

Regards,
Pratik

[Author]

Posts