Placing Promotional Slider over a graphic

I don’t see what you mean by the purple box. Which box are you referring to, the footer or the navigation?

Hopefully the “Promotional Slider” will sit centered on the purple box but to the right.

I think this needs rewording as you’re contradicting yourself.

Sorry about that.
Let me try again.

I want the “Promotional Slider” to move to the flush right.
I want the large purple/blue rectangle to move up almost to the Navigational menu bar
and under the “Promotional Slider” so the “Promotional Slider” will sit on top.

Hopefully that makes sense!

Thanks again!

Here is my code:

<p style=”text-align: center;”>
<img class=”wp-image-295 alignnone” title=”mainblock” src=”https://www.thewowshowcase.com/wp-content/uploads/2012/09/mainblock.png&#8221; alt=”” width=”900″ height=”377″ /></p>
[promoslider width=”500px” height=”337px” time_delay=”5″ numberposts=”7″]

How can I move promslider right and on top of the blue/purple rectangle?

Move this HTML

<p style="text-align: center;"><a href="https://www.thewowshowcase.com/wp-content/uploads/2012/09/mainblock.png"><br>
</a><a href="https://https://www.thewowshowcase.com/wp-content/uploads/2012/09/mainblock.png"><img class="wp-image-295 alignleft" title="mainblock" src="https://www.thewowshowcase.com/wp-content/uploads/2012/09/mainblock.png" alt="" width="900 " height="377"></a></p>

Below the slider container

<div class="promo_slider_wrapper first no_pause">
 ...
</div>

Then apply this CSS

.promo_slider_wrapper {
 float: right;
}

#content {
 margin-right: 20px;
}

Good evening Andrew Nevins

I am so happy you responded.
Question:
(I am so new at this)
am I doing these changes in “Edit Themes style css” or in the Edit Page code??????

If you theme is not custom built, look at using a Child Theme when making modifications to the theme.

I am working with Twenty Ten-Child theme.

Dear Andrew Nevins,

Thank you so much….
I now have the “Promo Slider” right as I wanted.

But I can’t seem to get the purple/blue rectangle to move up and under it.
I have applied this code:
.promo_slider_wrapper {
float: right;
}
#content {
margin-right: 20px;
}
in different places in the CSS style window…. but nothing happens. Can you tell me exactly where it should go?
I truly appreciate your wisdom!
M

But I can’t seem to get the purple/blue rectangle to move up and under it.

Is the problem the gap between the slider and the purple box underneath?
Do you want this gap removed?

I want the purple box to move up so the Slider looks like it is sitting on it.

….. yes…. no gap.

thx’s

Try this CSS

.promo_slider_wrapper {
 margin-bottom: 0;
}

.entry-content img.wp-image-295 {
 margin-top: 0;
}

If that can’t be done…. my second solution would be…

adjust the width of the purple box so it will be to the left and Promo Slider will be on the right lined up horizontally.
Can I have them butt together in the middle without any gap?

Andrew,
I will try that code…
just uncertain where to put it in the CSS….
what section does it go?

Thx;s again

When adding CSS, make sure you do so in the bottom of your stylsheet. In your case, it’ll be the bottom of the Child Theme style.css file.