Hi. I’m trying to use block elements to separate Amazon products into sections on pages/posts. For example, use hr elements to separate rows of products contained in brackets (See example below). I tried adding CSS in Theme options hr { display:block; } and inline css on pages but nothing seems to work. The block elements work in other themes.
Example Amazon product code:
[amazon_link asins=’B07RNYMFY7′ template=’ProductAd’ store=’hdrep-20′ marketplace=’US’ link_id=’c9730ffd-69ea-4b59-b6a6-5d083a9d9163′]
See pick below:
I realize this must have something to do with the Amazon product code in brackets since plain text works OK with an <hr> as block items.
Hi,
If there is still a problem, please provide me a link where I can check those Amazon products.
Thank you!
Hi yes this is still a problem. It works OK with other WordPress themes. Please see https://hd-report.com/pre-orders/4k-blu-ray/
Hi,
Please provide me a link where I can check this problem, maybe there is a custom css stronger that the one that you apply with <hr>, in this way I will be able to provide to you an working answer.
Thank you for your understanding!
This might be solved. I used a clear method since block elements don’t seem to be acting like blocks.
<hr style=”clear:both;” />
pushes all content below hr. This can probably be used for divs, paragraphs, headers, or other block elements as well.
Hello,
Yes, this inline style set on hr seams to work.
Have a nice day!
