60 thoughts on “WordPress Theme Responsive by CyberChimps Modifications, Support, Customization and Documentation”

  1. 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

    Reply

      2. Hi
        it seems somehow the inner page (full width template) is not getting the font-family properly….

        have u implemented/installed the font in ur theme?

        let me know
        Om

        Like

    2. I thought I had? I have added it the stylesheet link into my , On the full-width-page.php it says get_header(); ?> so shouldn’t that still work? The folder is dropped into my root folder and for good measure I dropped it in the responsive file also. But alas, still no joy.

      Like

      Reply

  2. 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

    Reply

      1. 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

      2. 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. 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

    Reply

      1. Hi,

        I did use the following code which you mentioned above –

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

        It did not reflect any changes??

        Like

  4. 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

    Reply

      1. 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

  6. 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

    Reply

  7. 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

    Reply

  10. 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

    Reply

      1. 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

      3. 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

      5. 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

      7. 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

  11. Hello,

    im new to WordPress and learning as I go…….I was wondering how do you change the main background of a page to a different color or even a picture maybe……the default color in Responsive is White and I want to go a Charcoal color

    Like

    Reply

    1. I am in the process of trying to get a job working with WordPress and I have to recreate my sites Ive already done using word press and I am in need of some help……can provide pics of the site I am trying to replicate if that would help

      Like

      Reply

      1. I’m currently building the site using Local by Flywheel as the sites are demo sites just to show I can do the work…..I have already built these sites using another web builder in the past….. I’m just not completely aware of how WordPress works completely……

        I do have a screen shot of the layout of the site in question I can send you if you tell me how to get it to you I’d gladly get it to you

        Yes the job would be as a web designer

        Like

      6. THanks
        sorry for the late response
        ** i have checked your needed layout
        what you need is to show left sidebar with your mentioned background color
        and right side content section (excerpt ) with mentioned background

        so…if u able to show left sidebar and right content section..i can help

        or if you need me develop it for you..then please contact me in my fiverr profile
        https://www.fiverr.com/om2000_cuet/solve-your-wordpress-blogs-csshtml-and-other-wordpress-issues
        Om

        Like

      7. Thank you again for your reply……I would love for you to develop it for me at this time but then two things happen…… One I don’t learn how to do it and I don’t have any money and I’m sure it isn’t free…

        I will enable those things you said to do and try to figure it out….. If not I’ll send you another dropbox pic of where my progress is….. Thank you for all your help….. I’ll be in touch soon

        Like

      9. Thank You Again for you help…….here is where I am at this point not sure if it is right yet….Im still very confused

        You wouldn’t be interested in just walking me through how to do the front page say over the phone or something like that would you…….I’m really lost right now…….and don’t even know how to research what it is I’m trying to do

        Like

      11. That would be grrrrrrreeeeaaaaat……I just want to learn…..I have got to be able to do this but I’m so stuck it is driving me crazy…. Do you charge money to teach me this?…. If not how do we start?….. I’m ready when you are

        Like

      13. Did you get the links?….I sent them in my last message……. Thank you again for your help I deeply appreciate it

        Like

Leave a comment