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">
			<input type="text" name="s" id="s" inputmode="predictOn" value="" />
			<input type="submit" name="submit_button" value="Search" />

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

 <div class="group">
<form action="" id="cse-search-box">
    <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" />
<script type="text/javascript"

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=""><strong>WordPress</strong></a> and
lt;a href=""><strong>Carrington</strong></a>.
 <?php wp_loginout(); wp_register(' | ', ''); ?><br />

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="">Udinra</a>
<a href="">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. hillarion says:

    Please how can I change the colour of the the links from blue to green???

    1. Esha Upadhyay says:

      You have to modify css file for that

      1. hillarion says:


        1. Esha Upadhyay says:

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

          a {color:blue;}

          Change blue to green

          1. hillarion says:

            Thanks it works!!!
            Please check my blog, 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?

          2. Esha Upadhyay says:

            May be the links are broken

          3. hillarion says:

            please how can i remove the default share buttons on the theme??

          4. Esha Upadhyay says:

            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

  2. hoyean says:

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

    1. Esha Upadhyay says:

      Did you applied boldness while writing the post?

      1. hoyean says:

        Yes, to some parts in a post like highlighting some keywords to readers…

  3. tooflexing says:

    thanks for this post. i used it to resolve the issue on 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

  4. ifexxy says:

    pls i need your help my carrington is working in my wp-admin bt when i visit my site homepage, the site is blank

    1. Esha Upadhyay says:

      Are you getting any error?

  5. haywhy says:

    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 do i adjust this

  6. Olajide says:

    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.

    1. Esha Upadhyay says:

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

  7. boluwatife says:

    Pls how do I change my wordpress theme color from blue to other color: I no c am for css

  8. boluwatife says:

    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;
    padding: 0;
    hr {
    color: #32CD32;
    height: 1px;

    /* including for compatibility */

    .alignleft {
    .alignright {
    .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;

    1. Esha Upadhyay says:

      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

      1. boluwatife says:

        WordPress carrington theme, changing the color from blue to red

  9. Zizi says:

    Please how do i create pages like about us and privacy policy on carrington.

Leave a Reply

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