About header width and text color (3 posts)

  1. satimis
    Posted 3 years ago #

    Hi all,

    Theme - Twentyeleven
    Plugin - Cimy Header Image Rotator

    I have following test site created:

    and encountered following problems;

    The width of header image won't adjust automatically when reducing the width of the browser.

    Size of header image: 1000 x 288 px

    On changing the colour of text "Piano-02" the color of text below also changes simutaneously. I need keeping the latter in white permanently.

    Please help. Thanks


  2. wp-21
    Posted 3 years ago #

    first you need to do all the edits in the child theme to protect them if you update your parent theme, they won't get lost..

    1)for this find out this line of code in your plugin css file

    #cimy_div_id_0 {
        border: 0 solid #000000;
        float: left;
        height: 288px;
        margin: 1em auto;
        width: 1000px;

    and change the width set in px to % as

    #cimy_div_id_0 {
        border: 0 solid #000000;
        float: left;
        height: 288px;
        margin: 1em auto;
        width: 100%;

    2)for changing the color of only the main header find this line of code in your style.css at 529 line:

    #site-title a {
        color: #111111;
        font-size: 30px;
        font-weight: bold;
        line-height: 36px;
        text-decoration: none;

    and change the value of color to whatever you want to.

  3. satimis
    Posted 3 years ago #

    Hi wp-21,

    Thanks for your advice.

    Before proceeding further I expect to have some advice on creating the chile theme.

    After having Cimy Header Image Rotator installed and activited I duplicated twentyeleven and renamed it as twentyeleven-cimy. All editing for making the Rotator to work was done on the header.php and style.css in twentyeleven-cimy folder/directory. Whether I need to create another theme directory, say twentyeleven-cimy-child, and a file style.css in this directory holding;

    Theme Name:     Twenty Eleven Cimy Child
    Theme URI:      http://piano-02.satimis.com/
    Description:    Child theme for the Twenty Eleven Cimy theme
    Author:         satimis
    (leaving out Author URI)
    Template:       twentyeleven-cimy
    Version:        0.1.0


    Do I need adding following line on the new style.css;

    @import url("../twentyeleven-cimy/style.css");



Topic Closed

This topic has been closed to new replies.

About this Topic