Weird Layout (Problem with div?)

Resolved

(@kornet16)

Hello,
I use the “Affiliate Toolkit Starter” Plugin to display Amazon products. It works very fine with any theme. I only get a problem with the “Book Rev Lite” theme. The layout looks weird. I can show you an example.
With the Book Rev theme it looks like this:

But actually it should look like this:

It only doesn’t work with the Book Rev theme and I don’t know the reason.. But since it works perfectly with any other theme, I think the problem is in the theme?

Here is the code of that box:

O:13:"atkp_template":1:{s:4:"data";a:19:{s:5:"title";s:41:"Vorlage für breite Produktbox (Standard)";s:13:"template_type";s:1:"1";s:6:"header";s:0:"";s:4:"body";s:1218:"<div class="atkp-box atkp-clearfix %cssclass%" style="%predicate_borderstyle%">
<div class="atkp-predicateheadline atkp-predicate-highlight%predicate_id%"><span>%predicate_text%</span></div>
    <div class="atkp-thumb">
        <a %titlelink%><img class="atkp-image" src="%mediumimageurl%" alt="%title%" /></a>
        <div class="atkp-rating">%star_rating%</div>
        <div class="atkp-reviews">%reviewcount%</div>
        <div class="atkp-shoplogo">%shoplogo%</div>
    </div>
    <div class="atkp-content">
        <a class="atkp-title" %titlelink%>%short_title%%titlelinkmark%</a>
        <div class="atkp-author">%by_text%</div>
        <div class="atkp-description">%info_text%</div>
    </div>
    <div class="atkp-bottom">
        <span class="atkp-price atkp-listprice">%listprice_text%</span>
        <span class="atkp-price atkp-savedamount">%save_text%</span>
        <span class="atkp-price atkp-saleprice">%prime_icon%&nbsp;%price_text%</span>
        <a %link% class="atkp-button">%linktext%%linkmark%</a> 
        <div class="atkp-moreoffersinfo">%moreoffers%</div> 
        <div class="atkp-container"></div><span class="atkp-priceinfo">%priceinfo_text%</span>
    </div>
</div>";s:6:"footer";s:0:"";s:18:"disableddisclaimer";s:0:"";s:12:"extendedview";s:0:"";s:10:"bodyheader";s:0:"";s:10:"bodyfooter";s:0:"";s:12:"detailheader";s:0:"";s:12:"detailfooter";s:0:"";s:13:"comparevalues";a:0:{}s:3:"css";s:0:"";s:20:"horizontalscrollbars";s:0:"";s:11:"hideheaders";s:0:"";s:17:"maxmobileproducts";s:0:"";s:11:"maxproducts";s:0:"";s:8:"viewtype";s:0:"";s:10:"mobilebody";s:0:"";}}

I don’t know much about coding, but it seems like it’s only made of divs. Does the theme have any known issues with that? How can I solve that problem?

Thank you very much for your help,
Greetings, Korni

PS: I have the same problem as Brian (https://ww.wp.xz.cn/support/topic/book-cover-sizes/) with the theme. Already 20 months passed since his problem. Is there any chance that it will get solved in the future? I think everyone has that problem.

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

Hardeep Asrani
(@hardeepasrani)

9 years ago

Can you give us the link to the page where that plugin isn’t working properly? And we’ll look into the cover size issue and see what we can do about it. 🙂
Thread Starter Korni
(@kornet16)

9 years ago
Hello,
thank you for your reply. This is the website where I test that Affiliate-Plugin.
I don’t have any other Plugin activated (only the “Remove Category URL”-Plugin) and also didn’t change anything inside the themecode.

Thank you for checking that cover size issue, too. I really appreciate that. 🙂
To make the problem more clear, I took that short GIF:

As you can see, when the window size is larger than a certain amount of pixels, then the theme makes the picture look “fat”.

And I just realized, that the pictures under the slider are also kind of little bit too wide. is there any easy CSS-code I could put into a CSS-Plugin to change that? For the featured-image, recent posts etc?
Maybe something like the following code:
```
img.resize{
    width:140px;
    height: 190px;
}
```
Thank you for the help,
greetings, Korni
Thread Starter Korni
(@kornet16)

9 years ago
Hello,

For the first problem (the div Problem with the Affiliate Plugin):
I deleted the following code in the style.css of the theme on Line 1876:
```
.article-container.post article * {
float: none;
}
```
Now it seems, that the divs have the correct layout. So, that works for me so far. 🙂

For the other issue (the size of featured images of the recent posts):
I just added the following lines in a custom CSS plugin (I use Simple Custom CSS)
```
.article-container article .feat-img {
  width: 130px;
  height: 190px;
```
That works for me.

For the third issue (the cover size issue inside the slider):
I still didnt find out how to solve that problem. Since I’ve also seen that problem on the official Demo Website of the Book Rev Theme, I think that it’s a general problem with the theme. I tried out some codes and changes but nothing solved that issue properly. I hope, that in the future, there will be a solution for that problem.

Greetings, Korni

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

The topic ‘Weird Layout (Problem with div?)’ is closed to new replies.