Problem with moving text

  • Resolved ibogo

    (@ibogo)


    11 years, 3 months ago

    Hi,

    Link: Example

    We are using “Social Deals Engine” plugin. Right now, the text is too low and we have to center it which looks better, but still bad.

    We need the text to be just below “Print Coupon” button.

    Here is what we have tried:

    We add this to HTML in “Edit Page”:

    <style type="text/css">
<!--
.deals-margin-top { margin-top: -100px; }
-->
</style>

    Than we add class in front of text and close:

    <p class="deals-margin-top"> "text here" </p>

    And we add this into Custom CSS:

    .deals-margin-top { margin-top: -100px; }

    No matter which way we configure the code (margin-top, margin-bottom, padding-top, padding-bottom, etc.) it will not move the text up, only make the map move down.

    Anyone have a solution?

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • Rocco Aliberti

    (@d4z_c0nf)

    11 years, 3 months ago

    Sorry ibogo,
    really cannot find that element <p class="deals-margin-top"> in the page you linked.

    Thread Starter ibogo

    (@ibogo)

    11 years, 3 months ago

    Update: We realized that the problem is with the size of the photo. For some reason, when the photo height is too great, the text is pushed down (even when it is on the left and not in field of photo).

    Anyway, we are solving this by keeping our photos to a height that keeps text in an OK position.

    Here is an example.

    With that said, we no longer need help with this even though it technically has not been solved.

    Thanks @d4z for your reply. 🙂

    [Resolved]

    Thread Starter ibogo

    (@ibogo)

    11 years, 2 months ago

    Actually we need to fix this.

    Basically the image area is 400×400 but if the image is greater than 200px high it pushes the text on the left downwards even if the text is not in the way.

    Here is another example: Example

    We need to center the picture between the social media buttons and move text upward closer to “PRINT COUPON” button.

    Anyone know how to fix this?

    Thanks

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

The topic ‘Problem with moving text’ is closed to new replies.