WordPress.org

1. Presstheword
   Member
   Posted 2 years ago #

   Hello all. I am working on adding banners to my wp blog, which is based on the "motion" theme.

   My goal is to recreate the way Nylon Magazine has it here, but with an ad also on the right side.

   Is it possible to create some sort of "div" layer that can position this kind of banner in a similar way?

   Thanks for reading!

2. Rev. Voodoo
   Volunteer Moderator
   Posted 2 years ago #

   you mean way on the right? Like outside of your theme?
   in your template (should be outside of other theme elements)
   

   <div id="rightAd">
   your ad code here
   </div>

   in your css
   

   #rightAd {
        position: absolute;
        right: 20px;
        top: 150px;
         }

   you'll probably need to adjust those numbers....that was just an example to show formatting. You may also need to add height and width attributes to match the image you put in

3. Presstheword
   Member
   Posted 2 years ago #

   Thank you so much RVoodoo! I will post back with my results.

4. Presstheword
   Member
   Posted 2 years ago #

   In my style sheet, I placed the css before my body tag (@ 1px right, 175px top), and placed the div tag right after the "main" div started in my template.

   Everything worked perfectly! Thanks for helping me out with this one!

Topic Closed

This topic has been closed to new replies.