PROBLEM WITH YOKO THEME ORIGINAL COLOR

  • Unknown's avatar

    @TheSacredPath

    I missed you on the regular support forum of WordPress. I am not
    sure if this message will reach you, however, I need help on the
    following blog:

    wethemoderatemuslims.wordpress.com

    When I set up “thestupidcommonman.wordpresss.com” the Yoko
    theme worked just fine. On this blog, somehow the theme is not
    being able to reflect the CSS colors. For instance, instead of the
    original “Light Blue,” it shows up as “Black.”

    Now when I set up a new blog: rafiqlodhia.wordpress. com using
    the same blog, it worked fine.

    The question is what went wrong?

    Rafiq

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    @TheSacredPath

    Another issue I am facing is that I would like to shift the second line of the sub-title, “QAD A’FLAHA MAN TAZAKKA ~ But he will prosper – Who purifies himself,” to flush to the right.

    “We The Moderate Muslims” should be in “Light Blue,” but for some
    strange reason, it is coming out in “Black” color as you can see.

    You always had a magic touch and gave a swift response, however,
    I am sure that your colleagues at CSS forum of WordPress are also
    equally good.

    Let me know as my blog is live and I would like to get few little tweaks
    out of the way.

    Thanks,

    Rafiq

  • Unknown's avatar

    Hey there !

    I’m not @thesacredpath but I’m not too bad in CSS :)

    In the CSS Customizer, do you already have something written ?

    I see here that you have in your code :

    a{
       color:#000000;
    }
    a{
       color:#009bc2;
    }

    That is why you have problems with your color. Can your try to remove this part ?

    a{
       color:#000000;
    }

    Hope this helps !

  • Unknown's avatar

    For the “QAD A’FLAHA MAN TAZAKKA ~ But he will prosper – Who purifies himself,” add this to your code :

    #site-description{
       text-align:right;
       width:100%;
    }
  • Unknown's avatar

    Thank you kindly, francisbob.

    I got the part fixed. That’s great. I am confused about the color part.
    I do not see the color:#000000: Not sure, where it is?

    Let me know so that I can get it fixed.

    By the way, is there anyway to change the color “Light Blue” to
    Green: 336600 or something similar?

    Awaiting the favor of your early reply.

    Rafiq

  • Unknown's avatar

    francisbob,

    Another question is, “How can I increase the size of the font on the
    article titled, “”Good Deeds …….. ” It seems like for some reason it shrunk down.”

    Perhaps, there is a way to adjust it.

    Rafiq

  • Unknown's avatar

    Hi again,

    You can increase the font size of the text using font-size:**px; , for example, it would do something like that :

    #site-description{
       text-align:right;
       font-size:22px;
       width:100%;
    }

    You should find a #000000 somewhere were you copied the part of code I gave you, write back if you don’t find it !

    For the color, instead of :

    a{
       color:#009bc2;
    }

    write :

    a{
       color:#336600;
    }

    Don’t forget to put # before the color code or it won’t work !

    Have a great one,

  • Unknown's avatar

    francisbob,

    “22px” did not changed the increase the font size on the article:

    “Good Deeds as the bedrock of Islamic message.”

    It will be great if I can increase the size of this line.

    Furthermore, Is there any way I can use different color on the
    following:

    “QAD A’FLAHA MAN TAZAKKA ~ But he will prosper – Who purifies himself,”

    I believe that once I get these two things resolved, then I am
    probably done and with fly with the blog.

    Rafiq

  • Unknown's avatar

    You’re right, font-size was already used elsewhere and conflict arose ;)

    .wf-active #site-title h2{
       font-size:22px;
       color:#095004;
    }

    There you go ! Replace the color by what you want.

  • Unknown's avatar

    francisbob,

    Sorry to bother you again. The code you gave me did not work. It did
    not increase the size of the article subject title font. It also did not
    properly changed the color of the tag line. I went back to the same
    code again as follows:

    #site-description {
    text-align: right;
    font-size: 20px;
    width: 100%;
    }

    a {
    color: #00994C;
    }

    Inserting the new color made the color on the “We The Moderate
    Muslims” the way I want it, but it did not changed the color of the
    tag line: “QAD A’FLAHA” to Color: 663300.

    Rafiq

  • Unknown's avatar

    Can you try the full code ? Copy then paste the following :

    .wf-active #site-title h2{
       font-size:22px;
       color:#663300;
    }
    
    a {
       color: #00994C;
    }
    
    #site-description {
    text-align: right;
    width: 100%;
    }
  • Unknown's avatar

    One more thing, how to make the font size of “We The Moderate
    Muslims” slightly larger than the “Tag Line”?

    Thanks again for your guidance. You are as good as TheSacredPath. :)

  • Unknown's avatar

    Great! I got that working alright.

    One last thing. The font size of “Good Deeds” has not changed. It is
    where it was the first time around. I sure would prefer to increase
    the size a bit larger.

    Hope not to disturb you any more today. You have done more than
    enough to straighten out the issues.

  • Unknown's avatar

    Hehe thanks, that’s a nice compliment :)

    Add this to the code I gave you :

    .wf-active #site-title h1{
       font-size: 45px;
    }

    I personnaly wouldn’t go more than 45px, it’s up to you !

  • Unknown's avatar

    My Good Friend,

    I meant to say the font size of the article titled as follows:

    “Good Deeds as the bedrock of Islamic message”

    The top header and the tag line is fine. All I need to do is to
    increase this particular line that is the actual subject title of
    “The Post” itself.

    Sorry for the confusion.

  • Unknown's avatar

    It’s not a problem.

    Append this for the Good Deeds :

    .wf-active #content .entry-header h2.entry-title{
       font-size: 27px;
    }
  • Unknown's avatar

    It worked like a champ.

    YOU’RE THE BEST. :)

    Your help is immensely appreciated. God Bless You and your loved
    ones.

  • Unknown's avatar

    My pleasure, feel free to ask for more and tag the thread as resolved :)

  • Unknown's avatar

    I did. Thank you again.

    Tomorrow, I will need help on the “Comet” theme. If you will be
    around at around this time, then it will be great.

    The blog is: http://www.myfellowmuslims.wordpress.com

  • Unknown's avatar

    It’s a date ;) Mention me in the title so I can see it easily

  • The topic ‘PROBLEM WITH YOKO THEME ORIGINAL COLOR’ is closed to new replies.