Alignment of some variables

Hi,

It depends on the plugin template. For the List template, you can try this.

.amazon-product-container .offered-price {
    float: right;
}
.amazon-product-container p {
    text-align: right;
}

Instead of .amazon-product-container, you can use .amazon-auto-links but the .amazon-auto-links selector is planned to be deprecated so I suggest you use the former.

By the way, you might want to use flex instead of float if you don’t mind dropping support for old browsers.

Thank you for your proposal and fast answer.

With CSS its always global and I can’t make a difference between “Carousel” and “Lists”.

In “Carousel” I added a buy-button, but it should centered.
In “Lists” I have a buy-button, but it should be on the right side.

With CSS it’s always side-wide configured. So it would good to change it in a unit configuration. Something like this in the “Output Formats” Section.

div class=”amazon-auto-links-product-body”
p align=”right” %button%

Then, I would be able to control it by each unit, how it should looks like. Maybe there is a way.

Thank you

Florian

Or, in the Output Format unit option, you can enclose the existing HTML elements with your own div tag like,

<div class="your-custom-selector">
    <div class="amazon-auto-links-product">    
        <div class="amazon-auto-links-product-image">%image%
        </div>
        <div class="amazon-auto-links-product-body">        %title% %rating% %prime% %discount% %price% %disclaimer% %description%
        </div>
    </div>
</div>

Then, in your stylesheet, add something like,

.your-custom-selector .offered-price {
    (define your own rules)
}

Of course, your-custom-selector can be your desired string.

Hope this helps.