WordPress.org

Forums

CataBlog
[resolved] making div.catalog-row.category wider (16 posts)

  1. meintje87
    Member
    Posted 2 years ago #

    Hi there,

    I'm having a hard time to find out what css class I should overwrite to make my div.catalog-row.category wider.

    http://meintemakeramiek.nl/wordpress/?page_id=6

    On the page of the link you can see, if you scroll down, that the title of one product is being overlapped by an image. This is because the entire with to post two products next to each other is to small! I have not been able to find where to edit this.

    Thanks in advance,

    Meintje

    http://wordpress.org/extend/plugins/catablog/

  2. mbrsolution
    Member
    Posted 2 years ago #

    Hi meintje87, thank you for your question. In reality this has nothing to do with CataBlog. It has more to do with the way your theme is set up.

    Have a look at this entry;

    .singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        width: 68.9%;
    }

    You will notice the width is set to 68.9%, if you change this to a higher percentage value your problem will be solved. However please bare in mind that it might also change some other structure on that page if you add a sidebar or sidebars.

    If you need any more assistant please let me know.

    Kind regards

  3. meintje87
    Member
    Posted 2 years ago #

    Hi there,

    Thanks for your reply. I found out myself that by using the showcase template with my Twenty Eleven theme resolved my problem as well.

    BUT I have another question. If you look at pagelink at the bottom of this message, you will see that "Vaas Jolie" doesn't start on the left side of that column. I am not able to figure out why it is doing this. Removing the page, gallery and remake these two doesn't help. Hopefully one of you guys comes with some good advice ;)

    http://meintemakeramiek.nl/wordpress/?page_id=233

  4. mbrsolution
    Member
    Posted 2 years ago #

    Hi meintje87, I see what you mean.

    What is happening is, because of the amount of text on "Vaas Diana"; it pushes all the other titles items out of sink. If you increase the following value, see code below.

    .catablog-row {
        height: auto !important;
        min-height: 190px; -----> this is what you increase
    }

    The above code will fix your problem. I would add the above code to your function.php file. And I am sure that you are using a child theme?

    Kind regards

  5. meintje87
    Member
    Posted 2 years ago #

    mbrsolution, thanks for your reply and usefull info. However, I'm having a hard time copying your code into a functions.php file I created and placed in my Child Theme directory.

    Google tells me I should not edit the original functions.php file, so I created a new one in my Child Theme directory. If I put your code in it I get an error message when trying to load my website. It says:
    Parse error: syntax error, unexpected '.' in /home/meintema/domains/meintemakeramiek.nl/public_html/wordpress/wp-content/themes/TwentyEleven Childtheme/functions.php on line 6

    If you could help me out, thanks in advance ;)

  6. mbrsolution
    Member
    Posted 2 years ago #

    Hello have a look at this child theme.....

    http://quirm.net/themes/twenty-eleven-child/

    What you can do is delete your child theme if it is different from the link above and install the child theme. Copy and past my code into the child theme.

    I am sure that it will work.

    Kind regards

  7. meintje87
    Member
    Posted 2 years ago #

    Hi, thanks for your reply.

    I don´t want to install another Child Theme. I understood from your second reply that I should paste your code into a functions.php file. If I do this, my website won´t load. If I look at your code it looks to me it is just something I should paste into my style.css.

    HOWEVER, your explanation about the amount of text from Vaas Diana´ causing the out of sync items doesn´t make sence. Because on another webpage, linked under this text, you will see thatPot Ben` does not have this issue.

    http://meintemakeramiek.nl/wordpress/?page_id=205

  8. mbrsolution
    Member
    Posted 2 years ago #

    Hi, sorry for my reply. I see what you mean. Can you tell me what shortcode are you using on either page? Also can you tell me what categories you have and the Item ID number.

    Kind regards

  9. meintje87
    Member
    Posted 2 years ago #

    Shortcodes on pages:

    [catablog category="bloempotten" catablog template="default"] on page "bloempotten".
    [catablog category="vasen" catablog template="default"] on page "vasen".

    Categories I have:
    - Bloempotten
    - Vasen
    - Schalen
    - Uncategorized (though I have no pictures in this category)

    By item ID you mean the gallery id?
    Bloempotten: [catablog_gallery id="158"]
    Vasen: [catablog_gallery id="232"]
    Schalen: [catablog_gallery id="222"]

    Hope this is complete. Otherwise just ask. And thank you for the effort you put in just to try to help me! ;)

  10. mbrsolution
    Member
    Posted 2 years ago #

    Every item "image" you add has an ID number.

  11. meintje87
    Member
    Posted 2 years ago #

    I'm not sure I understand what you mean. Where can I find this ID number?
    And which one do you need?

  12. mbrsolution
    Member
    Posted 2 years ago #

    Sorry my mistake it is not an ID number but an order number for each product you add. What I am trying to workout is whether you have duplicates order numbers on the images or whether two images share the same category.

    Also have you tried to use the shortcode in the following manner? For example:

    [catablog_gallery id="158"] + category + add a limit and create 2 or three columns?

  13. meintje87
    Member
    Posted 2 years ago #

    Hi,

    I checked and I have no duplicate ordernumbers or images shareing the same category. I tried the [catablog_gallery id="158"] code but this makes no difference.

    I added a piece of code to my style.css for creating a 2 or 3 columns kinda thing, that's how I got to images next to eachother in the first place.

    I believe it's kinda strange anyway, because it works perfectly on the other two categories. I'll try deleting some images tomorrow, the ones around the "failure" and find out if this makes any difference.

    Again, thanks for thinking with me!

  14. mbrsolution
    Member
    Posted 2 years ago #

    Hello, it is very strange that it works on two of the categories and not on this one.

    It sounds like a good plan to delete the images that are causing this issue. Also make sure that the images are also deleted from your server. Then you might try to upload it again to CataBlog and see if this works.

    Kind regards

  15. meintje87
    Member
    Posted 2 years ago #

    Well, I found out it IS "Vaas Diana" that's causing the problem. Probably it's just like you said, to much text. I think it's quite strange that this issue is not occurring on the other pages.

    The only solution that worked is just to put Vaas Diana at the end of the list, so there's no product after it that's dealing with the problem.

    Thanks for your input and effort. It's much appreciated.

  16. mbrsolution
    Member
    Posted 2 years ago #

    Hi it is my pleasure to help you.

    I am happy to know that you worked out your problem. It might be one of those incidents that sometimes don't make any sense. But the good news is that you found a solution.

    If this ticket is resolved would you close it please.

    Kind regards

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic