Carrington mobile theme customization

Carrington mobile theme is WordPress theme for your mobile sites.I once had chance of working with this theme.It was fun to work with and is cool mobile theme.I need to make some customizations based on my requirement.I listed the customization as it might be useful for others as well.

Replace Carrington theme search box with Google custom search box

Open the file wp-content/themes/carrington-mobile/forms/search.php and search for below code fragment

<form id="search" action="<?php bloginfo('home'); ?>" method="get">
		<div>
			<input type="text" name="s" id="s" inputmode="predictOn" value="" />
			<input type="submit" name="submit_button" value="Search" />
		</div>
	</form>

Replace above code with Google custom search box code.The final code will look like below code fragment

 <div class="group">
<form action="http://www.google.co.in/cse" id="cse-search-box">
  <div>
    <input type="hidden" name="cx" value="partner-pub-00000000000000" />
    <input type="hidden" name="ie" value="UTF-8" />
    <input type="text" name="q" size="30" />
    <input type="submit" name="sa" value="Search" />
  </div>
</form>
<script type="text/javascript"
src="http://www.google.co.in/coop/cse/brand?form=cse-search-box&lang=en"></script>
</div>

Carrington mobile theme with Spam Free WordPress plugin

Open the file wp-content/themes/carrington-mobile/forms/comments.php.You need to replace the code between <form> and </form> including the form tags.You need to delete all code between <form> and </form> including the tags and add <?php comment_form(); ?> line.

Carrington mobile theme footer customization

To remove footer text Proudly powered by WordPress and Carrington from Carrington Mobile Theme follow below steps (footer text also contains links to login and logout)
Open the file wp-content/themes/carrington-mobile/footer/bottom.php and search for the code shown below

<p class="small">
Proudly powered by <a href="http://wordpress.org"><strong>WordPress</strong></a> and
lt;a href="http://carringtontheme.com"><strong>Carrington</strong></a>.
 <?php wp_loginout(); wp_register(' | ', ''); ?><br />
</p>

Delete the code if you do not want to display the links and the logout login links.
If you want to replace the line with your site name and privacy policy link then replace above line with code shown below (replace Udinra and links to Udinra to your web site)

<p class="small">© 2011 <a href="http://udinra.com">Udinra</a>
<a href="http://udinra.com/privacy-policy.html">Privacy Policy</a></p>

Remove date from Carrington mobile theme excerpts page

Carrington Mobile Theme displays date on the excerpt page and the date on side of excerpt page title gives indication of last time the page was modified.To remove this date from the excerpt pages of Carrington Mobile theme follow below steps
Open file wp-content/themes/carrington-mobile/excerpts/excerpt-default.php and delete below line of code form the file

<span class="date"><?php the_time('M j, Y'); ?></span>

Carrington mobile theme with WordPress SEO by Yoast

Carrington theme used along with WordPress SEO by Yoast creates repetition of titles (for example if your website title is Udinra then this word will get repeated). This is because the SEO plugin tries to rewrite the title and the title generating code in the theme conflicts with this feature of the SEO plugin.To resolve this issue follow below steps
Open the file wp-content/themes/carrington-mobile/header/header-default.php and search for below line of code

<title><?php wp_title('«', true, 'right'); bloginfo('name'); ?></title>

Replace above line of code with below line

<title><?php wp_title(''); ?></title>

42 comments Carrington mobile theme customization

  1. Which link you are referring to? HTML for link element is a so searching with that will help also you can search your css with blue and then change the color accordingly of a element you want to change

  2. Pls sir here is my css file, but I don’t know where to change the link from blue to my desire color

    body {
    font-family: Verdana, sans-serif;
    }
    h1, h2, h3, p {
    margin: 0 0 5px 0;
    padding: 0;
    }
    ul, ol {
    margin-top: 0;
    margin-bottom: 5px;
    margin-left:10px;
    padding: 0;
    }
    hr {
    color: #32CD32;
    height: 1px;
    }

    /* including for compatibility */

    .alignleft {
    float:left;
    margin-right:1em;
    margin-bottom:1em;
    }
    .alignright {
    float:right;
    margin-left:1em;
    margin-bottom:1em;
    }
    .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    .wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    /* optional rounded corners for browsers that support it */
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    }
    .wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
    }
    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }

  3. It is tough to analyze modified theme and suggest a solution.Is the site working well with not modified carrignton theme

  4. Hi! Presently installed on my blog for my mobile visitors is Carrington theme which has been modified.
    The problem i’m having now is, my site visitors find it hard to place a comment on my blog unlike PC users.
    Would be grateful if you could help check this and profer a solution.
    Thanks in anticipation.

  5. Hi,i use a different theme for pc and mobile,anytime i add featured image in my post,its always too large in the mobile view.how do i adjust this

  6. thanks for this post. i used it to resolve the issue on tooflexing.com after changing all, i had problems with the title. because mine was writing the POST URL instead of the POST title. So i applied the code here then went to my Yoast SEO > Titles & Metas > General > Untick Forceful rewrite URL – thats all

  7. whenever I applied boldness to text it will just appear just as normal text without making it bold.

  8. For Carrington theme customization you can open the file corresponding to the area you want to customize.The files inside the folders are one you have to customize

  9. Thanks it works!!!
    Please check my blog naijagoons.com, whenever i click HOME | MUSIC | VIDEO ……it keep saying “sorry, we’re not sure what you’re looking for here” please how can i correct his?

  10. Open the file advanced.css located inside css folder. Look for this line

    a {color:blue;}

    Change blue to green

  11. Carrington by default does not have any logo.Have you modified the theme and put it?

  12. please i will change the size of my logo because it get bigger than homepage itself and i wouldnt want to send my readers away cause of that

  13. The Menu is displayed in header you can add the pages in Menu.I am not sure what you mean by adding image

  14. how do i add series of pages in my website header e.g [home][sports][entertainment][news][musics]and so. and how can i add colour and other features like images in my home page

  15. How can I insert text and image with links on them on any part of my carrington mobile view?

  16. plz how can i add subscription box and social bar (logo) at the top of the carrington mobile theme

  17. Open the file header-default.php file located in header folder of the theme.Search for below line in the file
    <h1 id="site-name"><a rel="home" href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
    This HTML code is responsible for showing text header.You can use img tag in above code to show header banner

  18. Pls how do I replace the header that displays just the site name with my own logo or an image when using carrington nobile theme 1.1

  19. On Single’s page the previous post and next post links are present but current post is text only not link..I tried Carrington mobile theme along with Yoast SEO plugin (for re creating your scenario) but it worked fine and I got no issues..Have you made any changes??

  20. Do you mean that your post title is link not text?? Yoast has nothing to do with post title..The theme wp_title function needs to be replaced by wp_title()

  21. Thanks for these great tips! but i have an issue with my site, i use carrigton mobile theme, i realized that when yeast seo plugin is activated my website title doesn’t show the title for the page or post, it will show the link to that post/page as the title. any help on this pls?

Leave a Reply

Your email address will not be published. Required fields are marked *