43 Responses to WordPress Theme Responsive by CyberChimps Modifications, Support, Customization and Documentation

  1. Moey says:

    Thanks for the info! I am trying to change the font-family in the menu bar and it works on the home page but if I click through to other pages it doesn’t work. Why do you think that is happening?

    Like

  2. Aug says:

    Hi,

    I have just increased the font size of my site title and the font size of tag line. But the title and description is not aligned to left can you tell me how to do that?
    Site name – www dot psychologytips dot com

    Thanks in advance buddy!!

    Like

    • Hi Aug
      pls try this

      #logo {
      clear: both !important;
      }
      .site-name {
      padding-top: 4px !important;
      }

      Om

      Like

      • Aug says:

        Hi Om,

        Great!! This worked, thanks a ton buddy. Another help –
        (1) I want to change the background colour of my header menu (the one with sample page etc.) and the colour of its font too. I have already tried the code that you have suggested somewhere but it never worked. Can you tell me how to do that?
        (2) How to reduce the gap between the site name and the description line a little bit?

        Thanks.

        Like

      • Hi Aug
        to change the Menu background color of Theme Responsive try this

        .menu {
        background-color: red !important;
        background-image: -moz-linear-gradient(center top , red, darkred) !important;
        }

        To Reduce the gap/space between the Site Title and Site Description try this

        .site-description {
        margin-top: 0 !important;
        }

        .site-name {
        line-height: 49px !important;
        }

        Regards
        Om

        Like

  3. Aug says:

    Hi Om,

    The code to reduce the gap worked, but the code for background color did not work. What else can we do to change the menu background color and the menu font color?

    Your help is much appreciated.

    Thanks.

    Like

  4. Aug says:

    Hi Om,

    Ultimately I found the required code to do the customization and was able to do it. Thanks for your help. By the way I need to change the h1 and h2 title font sizes on the articles, how do I do that, any suggestions.

    Thanks in advance buddy!!

    Like

    • Hi Aug
      for the H2 (site title in home) try this

      .entry-title,.entry-title a {
      color: red !important;
      }

      Also
      which code u used for the Menu?

      let me know pls

      Om

      Like

      • Aug says:

        Hi om,
        Ya, your code for post title worked, but how to change the font size of sub headings in posts/pages.

        Here is the code that I used for customizing the header menu –

        .menu {
        background-color: #585858;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#585858), to(#3d3d3d));
        background-image: -webkit-linear-gradient(top, #585858, #3d3d3d);
        background-image: -moz-linear-gradient(top, #585858, #3d3d3d);
        background-image: -ms-linear-gradient(top, #585858, #3d3d3d);
        background-image: -o-linear-gradient(top, #585858, #3d3d3d);
        background-image: linear-gradient(top, #585858, #3d3d3d);
        clear: both;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#585858, endColorstr=#3d3d3d);
        margin: 0 auto;
        }
        /* Menu items */
        .menu a {
        border-left: 1px solid #585858;
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        height: 45px;
        line-height: 45px;
        padding: 0 0.9em;
        }
        /* Menu item hover */
        .menu a:hover {
        background-color: #808080;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#363636));
        background-image: -webkit-linear-gradient(top, #808080, #363636);
        background-image: -moz-linear-gradient(top, #808080, #363636);
        background-image: -ms-linear-gradient(top, #808080, #363636);
        background-image: -o-linear-gradient(top, #808080, #363636);
        background-image: linear-gradient(top, #808080, #363636);
        color: #fff;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#808080, endColorstr=#363636);
        }
        /* Current page */
        .menu .current_page_item a,
        .menu .current-menu-item a {
        background-color: #343434;
        }
        /* Menu dropdown */
        .menu li li {
        background: #fff;
        background-image: none;
        border: 1px solid #e5e5e5;
        color: #444;
        filter: none;
        margin: -1px 0 1px 0;
        width: auto;
        }
        /* Menu dropdown hover */
        .menu li li a:hover {
        background: #f5f5f5 !important;
        background-image: none;
        border: none;
        color: #444;
        filter: none;
        }

        Like

  5. Aug says:

    Hi there,
    Did you receive the link I sent for customising the header menu??

    Like

  6. Aug says:

    Hi, Om how are you doing? Can you tell me some good plugin to display thumbnail with excerpts on the home page. I am using responsive theme and am not able to display excerpts on the home page.
    Thanks in advance buddy!!

    Like

  7. Mike O says:

    Great tip for adding background color to the widget boxes. And, WP Responsive makes it easy to change the overall background color. But, how can I change the background color of the main content box on the home page? Thanks for any assistance!

    Like

  8. Hi Om,

    Do you know what I need to do to make the default search box sit in the navigation bar and be aligned to the right side of the page? I’ve not been having luck getting it in the right place so far.

    Here you can see it: http://greatfastcheap.com/test1/contact/

    Thank you for any direction you can offer me!
    Melissa

    Like

  9. sakil mahmud says:

    Thank you very much for this template. I added in my blog just now. Your blog is awesome.

    Like

  10. Seth says:

    Hello my friend, please could you help me quickly…I’m trying to remove the space where the title text usually appears in Responsive theme. I’ve tried everything, but whatever I paste into custom CSS doesn’t seem to make any difference. The space is the 1inch below the menu and before the image show. site is: http://www.insigniawales.co.uk
    Thankyou so much!

    Like

    • Hi Seth
      to reduce the gap just above the title in responsive theme use this css code

      #content {
      margin-top: 1px !important;
      }

      Om

      Like

      • Seth says:

        Thanks so much Om for the quick and precise reply, really appreciate it. I couldn’t get it to work – maybe my wordpress dashboard is badly setup? In the Insignia wordpress dashboard I clicked “appearance” / “theme options” then “CSS styles” and in the Custom CSS styles box I pasted in your text above. Then I clicked blue “save options” box. Refreshed the Insignia homepage and nothing changed at all. Please give me some advice… thanks))

        Like

      • HI Seth
        i checked http://www.insigniawales.co.uk/about-insignia/ and found my provided css already worked?
        please let me know
        Om

        Like

      • Seth says:

        Hi again Om,
        wow that’s bizarre, do you think it’s a problem with my browser? I’ve looked at the Insignia homepage with both Firefox 47.0.2 and Chrome 54.0.2840 and refreshed both and homepage still shows a 2cm whitespace gap below the menu bar and above the slides. I need that gap to be about 2mm. How big is the gap on your browser? (thanks again for the help!!)

        Like

      • HI Seth
        here is how it is looking in my end

        Om

        Like

      • Seth says:

        thanks for the screenshot Om, actually the page I’m editing is the homepage and not the “about us” page. But the problem is pretty similar on both those pages. That gap is unacceptably large and it’s so frustrating that I can’t remove it. When I used to make sites in dreamweaver it was a click of a button to remove such a gap. But WordPress makes it incredibly complicated. I suppose there’s no way it can be don then?((

        Like

      • Hi Seth
        here is how the homepage is looking

        it is fine now ?

        Like

      • Seth says:

        yes it seems ok now,…I’ve semi-fixed the problem with some code I found somewhere:
        #content-full {
        margin-top: 1px;
        }
        this has halved the white space, so it’s an acceptable amount now. Though I’m still trying to find a way of changing the other margin to remove the white space completely, but that’s low priority now. Also this fixed only the homepage, other pages still showing big white space. Thanks so much for your time Om!

        Like

      • Hi Seth
        yes thats the code i shared to u before🙂

        Om

        Like

      • Seth says:

        yeah, it’s great code. Thankyou my friend!

        Like

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: