Adding an element outside of the container

  • Hello. I am hoping to add a bubble to the outside of my posts that will hold a snippet of code. An example of what I’m looking to do would be the date and comment bubbles on this site: https://www.milehighbride.com/

    How would I begin to go about adding an element like that into my theme? I’ve been trying to decipher the coding but I’m struggling because it almost seems like that element is outside of the main content area.

    I’m running a child theme of Bluchic’s Chamomile. My site is: https://acoloradocourtship.com/

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

  • Nope, the entry date is all within the post code, they just use CSS to position the entry date up and to the left, mostly by using negative values for margin-left and margin-top. If you use a debugging tool like Firebug or Chrome Developer Tools, you can easily see how they do it.

    By the way, just as a suggestion, you really shouldn’t use the !important clause so much in your CSS; it’s an indication that you don’t understand how CSS specificity works. The only time I use !important is if I need to override inline CSS, which is the only way to do it.

    Thread Starter SeaBerGBer

    (@seabergber)

    Thanks for the info. I will certainly look into that.

    As for the !important clauses, I honestly have no clue about theme creation outside of what I have pieced together through tinkering. I figured that !important thing out completely by accident and it’s the only thing that seems to override my parent theme the vast majority of the time. It’s been an incredibly trying and long process. I wish there were more good articles out there like the one you linked. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adding an element outside of the container’ is closed to new replies.

Tags