[Yvonne]

I will try that. Thank you.

[Yvonne]

I will try that.

[Yvonne]

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

[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%;
}
}

[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

[Author]

Posts