How change the look of the post date in FOREVER theme

  • Resolved tartman

    (@tartman)


    11 years, 6 months ago

    I’m trying to change the post date look in the Forever theme. I know the css to use to change it but don’t know what the post date class is in html. How can I find out what this is in html? I’ve looked at the source but can’t fine the .div of the date. Any suggestions?
    Here’s the css I’d use if I knew what is used as a class.

    .date {
border-radius: 50%;
width: 55px;
height: 55px;
}

    I invented the .date because I don’t know what the post date is named>

Viewing 9 replies - 1 through 9 (of 9 total)

  • You need to post a link to your site for help with CSS…

    Thread Starter tartman

    (@tartman)

    Here’s a link to the site

    https://activeappetite.com

    Using a browser tool like Firebug shows this HTML:

    <time class="entry-date" pubdate="" datetime="2013-08-20T04:29:42+00:00">August 20, 2013</time>

    So you should be able to use that class to add your CSS –

    .entry-date {
...
}

    Do note that you should not modify any theme files – because any changes will be lost when the theme is updated. You can add custom CSS via a plugin like Custom CSS Manager – and then ADD your changes to the custom CSS section.

    Thread Starter tartman

    (@tartman)

    So can I add the additional css in the Editor section or must I use the plug in you suggested Custom CSS Manager?
    Thanks for your fast help!

    You should not modify the style.css file – it will be overwritten when the theme is updated. When you add that plugin, you’ll have a new section for custom CSS under Appearance – so add it there.

    What are you trying to do with that date? The code you are trying doesn’t apply to text…

    Thread Starter tartman

    (@tartman)

    YIKES, Well, I’m trying to put the date in a round dark gray circle. Below is a link to a WP site that does what I want to do.I thought my css was correct.
    Thanks,
    T.
    https://amandeleine.com/
    I’m new to posting on Support, seem to be posting on all the wrong places, sorry.

    No worries – it’s a lot of new stuff here ?? – it just helps keep things more organized and easier to follow for us and future people, if we keep in the same thread for the same issue (more or less).

    Okay, so you were on the right track – we just need more of the CSS from the other site – so change what you have to this – we still need to fix some of it, but let’s see where this gets to:

    .entry-date {
    background: none repeat scroll 0 0 #000000;
    border-radius: 50% 50% 50% 50%;
    color: #EEEEEE;
    font-family: Georgia,"Bitstream Charter",serif;
    font-style: italic;
    height: 55px;
    left: -11.674%;
    line-height: 1;
    margin: 0;
    position: absolute;
    text-align: center;
    width: 55px;
}

    Thread Starter tartman

    (@tartman)

    Well, thanks your code was great help.
    One more though. I don’t want the entire date in the circle, only the Month abbreviated and the day number, no year. Aug 07. Also want to remove the “Posted On” words.
    Any suggestions of How I can accomplish this.
    Thanks for all your kind help>
    T.
    Our site:
    https://activeappetite.com/

    Site that has the look we want:
    https://amandeleine.com/

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How change the look of the post date in FOREVER theme’ is closed to new replies.

Tags