Calendar Icon wont float to the left of the post title

  • I am using the Twenty Eleven theme and I am having an issue with the calendar icon. Here is the link: https://www.couponcadre.com. The only way I could position the icon so it didn’t sit on top of the post title was to set an absolute position. Which I realized doesn’t look good on all computers or if you have to minimize the window, it throws the aligning off. Does anyone have a solution to this? I am using a child theme.

    Any help would greatly be appreciated.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter trishascott26

    (@trishascott26)

    Does anyone know how to fix this? Or can you guide me in the right direction?

    float did not work because the h titles are styled with ‘clear: both;’

    /* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}

    if you overwrite this with a new style, for instance:
    h1.entry-title { clear: none; }
    then floating your .date class should work – might need fine adjustments.

    (only evaluated with Firefox web developer add-on; not checked for side effects on other than the front page)

    Thread Starter trishascott26

    (@trishascott26)

    Thank you so much for your help! That worked, but now it looks like the calendar icon is bumped up higher than the Post header. Would you have any idea on how to fix that?

    you can try to use a top margin on the style of .date to push it down;

    example:

    .date{ margin-top:20px; }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Calendar Icon wont float to the left of the post title’ is closed to new replies.