[Coding Newbie]

Wouldn't that change the format for every page on the site?

[Coding Newbie]

Oh right, sorry. I was aware of that, haha. I am still interested in utilizing a "one-third" column class if you're still willing to show me how. 🙂

[Coding Newbie]

That is perfect, thank you! And yes, I'm more than willing to change it to the method you suggested if it'll improve the user's experience.

[Coding Newbie]

Sorry for how long it took to respond, but I was looking for the free banner to be in the upper right corner of each of the tutorial video thumbnails. I apologize for the lack of clarity.

[Coding Newbie]

Alright, so I changed the lines of CSS that you told me to, and now I can actually see the free banner (yay), but it's in the upper right hand side of my background image at the top of the page. Here is a picture to show you what I mean:

I'm thinking it has something to do with my "entry-header" header class that everything is wrapped in, because when I inspect the element on my page it doesn't show it wrapping around the image itself like it should.

Thank you SO much for your patience with this. Looks like I know who to turn to when I need some serious help with my website development. 😉

[Coding Newbie]

I didn't add any HTML to the Editor. I went to Pages -> All Pages -> C++ Tutorial Series (the page we're talking about) to add the HTML. When I use the Inspect Element feature on the page it looks like the "entry-header" header class isn't wrapping around the image like it's supposed to. If I'm right then that is the main reason why the free banner isn't shown in the upper right hand side of the image like it's supposed to (that's where I want it, btw). Here is the new HTML I have for it, which still isn't working:

<header class="entry-header">
<div class="free-banner-wrapper">
<div class="free-banner">FREE</div>
</div>
<div class="portfolio-featured-image first alignnone"><a href="http://www.codingnewbie.com/ide-visual-studio-13"><img src="http://codingnewbie.com/wp-content/gallery/video-cover-images/Tutorial-1-IDE.png" alt="" /></a></div>
</header>

[Coding Newbie]

First of all, thank you for the reply. I posted the HTML in the 'Edit Page' page, in the text tab. I'm not even sure if this is the right way to go about doing it.

[Author]

Posts