[Impelpro]

Hi,

We are a startup and have installed the free version of Catch Everest theme for WordPress, it has worked just fine thanks to your team.

It would be great if you could help us out on few things so that we could go live with your company. We have our main site hosted on http://www.impelpro.com and plan to have a sub-domain blog.impelpro.com for our blogs, alternatively we could have a page in our mail site http://www.impelpro.com as blog and link that to the widget for latest updates:

General –
1. How to remove the left, top, right, and bottom margin so that the page is displayed full-size on the screen?
2. How to ensure that when the page is made full-size the floating social media control on the left does not go outside the screen?
3. Presently i have specified the css within the HTML tags on each page, how can i specify my own css and add that to the HTML tags?
3. How can i customize my side-slider for individual pages, for example on careers page under resources menu
i have a contact us form which says “join us” but when i enable the

side-slider i want “free quote” form to be displayed and not
“join us”.

Home Page –
1. How to change fonts and reduce the height of footer section (footer 1, footer2, and footer3)
?

2. How to change the fonts and spacing for Featured content options?
3. Home Page – How to resize the images for Featured content options?

Menus –
1. How do i link the route menu option to “*” so that it does not go the any page?
2. How to link “blog” sub-menu under resources to my sub-domain blog.impelpro.com? Once i add a new blog to my sub-domain blog.impelpro.com will that automatically be reflected on main website http://www.impelpro.com -> latest update in the footer?

Regards,
ImpelPro

[Sakin]

@ImpelPro: About your subdomain and all. Please consult with your development team. We have support only for the theme related queries. Yes, you can install WordPress in Subdomain as well.

1. How to remove the left, top, right, and bottom margin so that the page is displayed full-size on the screen?
— You cannot just make the site Full Size. It’s the responsive design and adjust as per the screen size. To remove the top and bottom margin, you can just add the following css in “Appearance => Theme Options => Custom CSS” box.
.site { margin: 0 auto; }

— We don’t recommend width full size. But if you insist, you can try to add the following css in “Appearance => Theme Options => Custom CSS” box.
.site { width: 100%; }

2. How to ensure that when the page is made full-size the floating social media control on the left does not go outside the screen?
—- It will be inside.

3. Presently i have specified the css within the HTML tags on each page, how can i specify my own css and add that to the HTML tags?
— You can add Custom CSS in “Appearance => Theme Options => Custom CSS” box.

4. How can i customize my side-slider for individual pages, for example on careers page under resources menu
— Oh you mean the sidebar. There is optional sidebar in Catch Everest Pro but not in free one. Maybe you can search or plugin at http://wordpress.org/extend/plugins/ for custom sidebar.

Home Page –
1. How to change fonts and reduce the height of footer section (footer 1, footer2, and footer3)?
— Adjust the css as per your need and add the following CSS in “Appearance => Theme Options => Custom CSS” box.

/* Footer Sidebar Font */
#footer-sidebar { font-size: 12px; font-family: sans-serif, Arial; }
/* Footer Sidebar Widget Title Font */
#footer-sidebar .widget-title { font-size: 20px; }
/* Footer Widget Margin Bottom */
#footer-sidebar .widget { margin-bottom: 50px; }

2. How to change the fonts and spacing for Featured content options?
— Adjust the css as per your need and add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#featured-post { font-family: sans-serif, Arial; }

3. Home Page – How to resize the images for Featured content options?
— Adjust the css as per your need and add the following CSS in “Appearance => Theme Options => Custom CSS” box.
.featured-homepage-image { }

Looking at your questions, I suggest you to hire a developer for your project. This will give your site professional look.

[Impelpro]

Thanks a lot for all your support. Truly appreciate it !!!

[Yvonne]

Hi Sakin,

I found this post in your support forum which details how to make the Catch Everest Pro theme wide screen.

I tried adding this code to the custom CSS box on http://www.limocycle.com but nothing happened. I added all of these separately and tested in different browsers on desktop computers, but nothing changed. We want to possibly change to full width size, can you advise? Code I tried is below. Could there be a conflict with other code I have in the custom box?

— You cannot just make the site Full Size. It’s the responsive design and adjust as per the screen size. To remove the top and bottom margin, you can just add the following css in “Appearance => Theme Options => Custom CSS” box.
.site { margin: 0 auto; }
— We don’t recommend width full size. But if you insist, you can try to add the following css in “Appearance => Theme Options => Custom CSS” box.
.site { width: 100%; }

Catch Everest Pro theme is responsive design. So, it is not recommended to change the layout. If you change the layout. You need to change all the way down to mobile devices.
But if you just want to adjust only in the large screen, then add the following css in “Appearance => theme Options => Custom CSS” box.

@media screen and (min-width: 1060px) { 
#primary {
    width: 60%;
}
#secondary {
    float: right;
    width: 35%;
}

Thank you!
Yvonne

[Sakin]

@Yvonne: yes, that works. But you haven’t added in right way. there is missing closing bracket. You need to replace the following css:

@media screen and (min-width: 1060px) { 
#primary {
    width: 60%;
}
#secondary {
    float: right;
    width: 35%;
}

with

@media screen and (min-width: 1060px) { 
    #primary {
        width: 60%;
    }
    #secondary {
        float: right;
        width: 35%;
    }
}

Your other top css is fine.

[Yvonne]

Hi Sakin,
Thanks for your feedback. However I just cannot seem to get this to work. Maybe I have a conflict with code in my css? I have pasted everything in the custom css box below. At this point, however nothing changes in the layout when I paste in the code as noted above.
Thanks – Yvonne.

/*Header-Background image*/
#hgroup-wrap,
#main-feat-img {
clear: both;
background-image: url(http://limocycle.com/wp-content/uploads/2014/03/header_gradient.jpg);”>
}
#hgroup-wrap { padding-bottom: 0; }
#hgroup, #header-right { padding-top: 0; }

h1 {color:#154f8e;}
h2 {color:#154f8e;}
h3 {color:#154f8e;}

p { margin-top: 0.5em; }
p + p { margin-top: 0.5em; }

blockquote {
padding: 10px;
padding: 1rem;
background: #ffe8a4;
}

/* For spacing between paragraphs */

@media screen and (min-width: 960px) { p { margin-bottom: 20px; } }

/* For footer height */
#site-generator .site-info { padding: 10px 0; }

/* For font size in custom footer area*/
#footer-sidebar { font-size: 12px; font-size: 1.2rem; }

/* Footer Widget Margin Bottom */
#footer-sidebar .widget { margin-bottom: 10px; margin-bottom: 1rem;}

/* Change font size in table */
.tablepress-id-1 tbody td {
font-size: 14px;
}
/* Center page titles */
.entry-title { text-align: center; }
}

/*Content Header – no linking*/
.entry-header .entry-title {
color: #222;
}
.entry-header .entry-title a {
color: #222;
text-decoration: none;
}
.entry-header .entry-title a:hover {
color: #222

/*Posts- remove author*/
.entry-meta span.byline {
display: none;
}

/*Widescreen – Desktop Only*/

.site { margin: 0 auto; }
.site { width: 100%; }

@media screen and (min-width: 1060px) {
#primary {
width: 60%;
}
#secondary {
float: right;
width: 35%;
}
}

[Sakin]

Ok then replace all your above css with the following:

/*Header-Background image*/
#hgroup-wrap,
#main-feat-img {
	clear: both;
	background-image: url("http://limocycle.com/wp-content/uploads/2014/03/header_gradient.jpg");
}
#hgroup-wrap {
	padding-bottom: 0; 
}
#hgroup, 
#header-right { padding-top: 0; }
h1 { color:#154f8e; }
h2 { color:#154f8e; }
h3 { color:#154f8e; }
p { margin-top: 0.5em; }
blockquote {
	padding: 10px;
	background: #ffe8a4;
}
/* For spacing between paragraphs */
@media screen and (min-width: 960px) { p { margin-bottom: 20px; } }
/* For footer height */
#site-generator .site-info { padding: 10px 0; }
/* For font size in custom footer area*/
#footer-sidebar { font-size: 12px; font-size: 1.2rem; }
/* Footer Widget Margin Bottom */
#footer-sidebar .widget { margin-bottom: 10px; margin-bottom: 1rem;}
/* Change font size in table */
.tablepress-id-1 tbody td { font-size: 14px; }
/* Center page titles */
.entry-title { text-align: center; }
/*Content Header – no linking*/
.entry-header .entry-title { color: #222; }
.entry-header .entry-title a { color: #222; text-decoration: none; }
.entry-header .entry-title a:hover { color: #222; }
/*Posts- remove author*/
.entry-meta span.byline { display: none; }
/*Widescreen – Desktop Only*/
.site { margin: 0 auto; }
.site { width: 100%; }
@media screen and (min-width: 1060px) {
	#primary { width: 60%; }
	#secondary { float: right; width: 35%; }
}

[Yvonne]

Eureka! It works. However I have one small problem, the slider on the home page stopped working.
http://limocycle.com/

[Sakin]

@Yvonne: This looks more as plugin/script issue. Have you install any new plugin/script or update it. Then try disabling it and it should work fine.

[Yvonne]

I will try that.

[Yvonne]

I will try that. Thank you.

[Author]

Posts