A Few CSS Questions

Home Forums Automattic Mood A Few CSS Questions

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #164546 Resolve

    Ann MarJory
    Member

    How do I–

    – Change menu typecase to lower case
    – Change blog post titles to upper and lowercase on front page
    – Change blogpost date/”posted by” color
    -Change Blog post title color on front page
    – Change the hover text color on the project images

    Thanks so much!

    The blog I need help with is allaboutanns.com
    #164550

    Kathryn P.
    Happiness Engineer

    Hi there – I’m going to reply in batches.

    – Change menu typecase to lower case

    /* Make menu as typed (i.e. Anniston Jory) */
    .main-navigation ul, .main-navigation a, .main-navigation.toggled a {
      text-transform: inherit;
    }

    OR

    /* Make menu all lowercase (i.e. anniston jory) */
    .main-navigation ul, .main-navigation a, .main-navigation.toggled a {
      text-transform: lowercase;
    }
    #164551

    Kathryn P.
    Happiness Engineer

    – Change blog post titles to upper and lowercase on front page

    /* Make blog post titles on front page as typed */
    .front-page-block .entry-title {
      text-transform: inherit;
    }
    #164552

    Kathryn P.
    Happiness Engineer

    – Change blogpost date/”posted by” color

    /* Change colour of "posted by" and date */
    .posted-on a, .entry-meta {
      color: #ffffff;
    }

    I gave you white, but feel free to change the colour code to whatever you prefer.

    #164553

    Kathryn P.
    Happiness Engineer

    -Change Blog post title color on front page

    /* Change colour of blog titles on front page */
    .home .journal .entry-header .entry-title a {
      color: #bb00bb;
    }

    Change text purple to the colour of your choosing.

    #164554

    Kathryn P.
    Happiness Engineer

    – Change the hover text color on the project images

    /* Change colour of portfolio-project titles on hover */
    .project-title {
      color: #bb00bb;
    }

    Let me know how it goes!

    #164574

    Kathryn P.
    Happiness Engineer

    Hi! I hope the CSS I provided above did the trick. I’m marking this thread as resolved since it’s been a while since we’ve heard from you, but if you need help with anything else, don’t hesitate to start a new thread or contact us via live chat or email.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.