• Hey there!
    I’m totally new to WP and CSS. Love Pink Touch 2 but would like to change some things. I’d like to start by changing the pink date banners to blue and have no idea how to start. Advice gratefully appreciated!

Viewing 4 replies - 16 through 19 (of 19 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Look at the bottom of the sprite.png image, you need to change the colour of that pink-ish rectangle at the very bottom. Then reupload that whole image again.

    Paulwp also stated you’ll need to also change the colour of that link through CSS. Try this CSS;

    .hentry .date p {
     background: yourBackgroundColour;
     /* Originally coloured #EB374B; */
    }

    but it does give me the option to upload the file

    I suggest using FileZilla if your File Manager doesn’t give you that option.

    Thread Starter bluebesos

    (@bluebesos)

    Ok, thanks very much for all your help. In the GoDaddy FTP file manager I had to click “filmstrip” to be able to see the image properly. Thanks again!

    rhiannonbaxter

    (@rhiannonbaxter)

    There are three simple steps to changing the date banner in Pink Touch 2.

    1. Download the sprite.png and sprite-rtl.png file found in the pink-touch-2/imgages directory.

    2. Modify the banner image at the bottom of these two files using an application like photoshop. You will need to maintain the two tones on this image (a brighter top with the darker flag to maintain the 2d effect) Be sure to note the color code # that you used on the brighter section of the image because you will have to update the style.css file with this same color.

    3. Download the style.css file. Modify the background color # for the date banner found on line 501. (.hentry .date p {background: #eb374b;)

    WPyogi

    (@wpyogi)

    Download the style.css file. Modify the background color # for the date banner found on line 501. (.hentry .date p {background: #eb374b;)

    Modifying theme files is NOT a good way to make changes – as the changes will be lost when the theme is updated. Any changes should be made in a child theme or custom CSS.

Viewing 4 replies - 16 through 19 (of 19 total)
  • The topic ‘Changing date banner color in Pink Touch 2’ is closed to new replies.