[Sakin]

Hello Yuliya,

1. It’s not working as you have added php code in custom css box. You should only add css. You need to remove the following code from Custom CSS box.
<?php qtrans_generateLanguageSelectCode($type='both'); ?>

2. Worked great!But no menu text is grey and not visible – is it possible to change it into white?
— You can add the following css in “Appearance => Theme Options => Custom CSS” box.
#footer-sidebar .widget-area .widget a { color: #fff; }

3. Sorry I don’t know what you are talking about. If you want to change the footer content then you can upgrade to pro version where you have Footer Editor Options in Theme Options panel.

4. ok

5. Great – itworks!But meanwhile I added youtube and Google+, and also plan to add Facebook next week. Would you be so kind to send a magic code for these social networks as well.
— You can add the following css in “Appearance => Theme Options => Custom CSS” box.

ul.social-profile li.facebook a { background-position: 0 -43px; }
ul.social-profile li.google-plus a { background-position: -173px -43px; }
ul.social-profile li.you-tube a { background-position: -87px -43px; }

[Sakin]

@pierslewis: It’s your migration problem. When you migrate your database you need to do search and replace with serialized data. You can use the code in this site https://interconnectit.com/products/search-and-replace-for-wordpress-databases/ to search and replace database when you transfer to live site.

[Sakin]

@TheSydneySiders: Thanks for your appreciation.

[Sakin]

@kat22: About the spaces in About page. I told you already its from your plugin. It adding in the following css.
p {font-family: serif; color: #ffffff; font-weight: 400; font-style: normal; line-height: 1.4; font-size: 12px; letter-spacing: 1px; padding-top: 16px; padding-bottom: 33px;}

There is padding-top: 16px; padding-bottom: 33px; remove that.

About the sidebar, you need to get developer to work for you. This goes beyond the general scope of theme.

For gallery, I recommend you to use Jetpack plugin gallery, it’s cool. see this http://jetpack.me/support/tiled-galleries/ and http://jetpack.me/support/carousel/

For contact form field color, add the following css in “Appearance => Theme Options => Custom CSS” box.

input[type="text"], input[type="email"], textarea {
    color: #000;
}

[Sakin]

@Manu: Look like you have added that in “Code to display on Footer” box. This is not for for the text. This box is for the scripts. You can go to “Appearance => Theme Options => Webmaster Tools => Header and Footer Codes”

[Sakin]

@Matt88: Can you refresh and check in. As when I check in your site, it look same like our demo http://catchthemes.com/demo/catch-kathmandu/ . See this screenshot http://i.imgur.com/rvGWaV8.jpg

[Sakin]

@Matt88: I just check in your site and the image in the slider is working full width. I am confused what do you mean.

[Sakin]

There is problem with the code and theme. It used class clear which we use to clear the elements.
So, try replacing that code with the following:

<!-- Begin MailChimp Signup Form -->
<link href="//cdn-images.mailchimp.com/embedcode/classic-081711.css" rel="stylesheet" type="text/css">
<style type="text/css">
	#mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
	/* Add your own MailChimp form style overrides in your site stylesheet or in this style block.
	   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
</style>
<div id="mc_embed_signup">
<form action="http://ardennealumniny.us3.list-manage.com/subscribe/post?u=a9a01e7607b1a11b215187f85&id=8e76781743" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
	<h2>Subscribe to our mailing list</h2>
<div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
<div class="mc-field-group">
	<label for="mce-LNAME">Name </label>
	<input type="text" value="" name="LNAME" class="" id="mce-LNAME">
</div>
<div class="mc-field-group">
	<label for="mce-EMAIL">Email Address  <span class="asterisk">*</span>
</label>
	<input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL">
</div>
<div class="mc-field-group input-group"><strong>Email Format </strong><ul><li><input type="radio" value="html" name="EMAILTYPE" id="mce-EMAILTYPE-0"><label for="mce-EMAILTYPE-0">html</label></li><li><input type="radio" value="text" name="EMAILTYPE" id="mce-EMAILTYPE-1"><label for="mce-EMAILTYPE-1">text</label></li></ul></div>
<div id="mce-responses"><div class="response" id="mce-error-response" style="display:none"></div><div class="response" id="mce-success-response" style="display:none"></div></div><!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--><div style="position: absolute; left: -5000px;"><input type="text" name="b_a9a01e7607b1a11b215187f85_8e76781743" value=""></div><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button">
</form>
</div><!--End mc_embed_signup-->

[Sakin]

@TheSydneySiders: Please post in your site URL so that I can help you width exact CSS. For now I am giving you code on the basis of Catch Everest Theme. First, just make the layout as Excerpt mode and add Featured image in those post. Make sure you add small featured image for the left align then add the following css in “Appearance => Theme Options => Custom CSS” box.

.archive .site-content article {
    border: 1px solid #e6e6e6;
    display: block;
    padding: 10px 2%;
    height: 1%;
    overflow: hidden;
}
.archive .site-content article .featured-image {
    display: inline-block;
    float: left;
    width: 22%;
}
.archive .site-content article .entry-container {
    display: inline-block;
    float: right;
    width: 75%;
}

[Sakin]

@Flipipip: You should have added your site URL. So, that I could check in details.
Try the following css.
.page-id-75 #main { background-color: #403C3C; }

[Sakin]

@Manu: I see that you have already added back the footer text. So, I assumed it as solved. Thanks

[Sakin]

Hello Yuliya,

Looks like your site id down. I cannot open it. Can you check in and reply me when your site it back live.

Regards,
Sakin

[Sakin]

@GiovannaChine: Thanks for your appreciation.

[Sakin]

@koh: Yes the css in iframe code is controlled from the iframe code creator. That is why they use iframe.

[Sakin]

@zafilm: It depend on the theme. Which theme are you using it? Post in your site URL and then I will check in.

[Sakin]

@koh: Sorry, I just check in your site and found that you are using iframe code for images of Webstagram. So, we cannot overwrite it. You are getting that border from that iframe code which calls in the css as http://widget.stagram.com/css/bootstrap2.min.css

[Sakin]

@Bethann: Thanks for your appreciation.

[Sakin]

@Caroline: Can you add in the following css in “Appearance => Theme Options => Custom CSS” box.

#header-menu ul.menu ul {
    top: 25px;
    top: 2.5rem;
}

[Sakin]

@Djapeto: You should change the width of both. I have make it smaller. Add the following css.

.header-sidebar .widget ul.menu ul { width: 169px; }
.header-sidebar .widget ul.menu ul a { width: 105px; }

[Sakin]

@Bethann: I just check in your custom css and found the following code:

#masthead {
    background: url(;"http://192.185.142.81/~rawhideo/wp-content/uploads/top-left1.jpg";) no-repeat scroll left top transparent;
}
#hgroup-wrap {
    background: url(;"http://192.185.142.81/~rawhideo/wp-content/uploads/bottom-right1.jpg";) no-repeat scroll right bottom transparent;
}

In the above code that you have added has extra ;. So, the code should be as below:

#masthead {
    background: url("http://192.185.142.81/~rawhideo/wp-content/uploads/top-left1.jpg") no-repeat scroll left top transparent;
}
#hgroup-wrap {
    background: url("http://192.185.142.81/~rawhideo/wp-content/uploads/bottom-right1.jpg") no-repeat scroll right bottom transparent;
}

[Author]

Posts