Allignment is "off" after update

This topic has 20 replies, 6 voices, and was last updated 6 years, 2 months ago ago by Rose Tyler

  • Avatar: c4dude
    c4dude
    Participant
    January 9, 2016 at 14:29

    I need some help with the alignment of certain elements, after updating they are off and I need to be pointed in the right direction to fix it.
    Before
    After

    19 Answers
    Avatar: c4dude
    c4dude
    Participant
    January 9, 2016 at 14:31

    since I cant edit the post and the picture are not showing.
    before and how it should look http://imgur.com/kIadLwD

    After and needs to be fixed http://imgur.com/tCbntnq

    Avatar: c4dude
    c4dude
    Participant
    January 9, 2016 at 21:19

    I also want to make the white space between the slider and the menu/logo to be smaller, so basically remove the the title space which causes the white gap, but i dont know how.

    see image for clarity http://imgur.com/euD9427

    Avatar: c4dude
    c4dude
    Participant
    January 9, 2016 at 21:25

    Damn, u guys should allow people to edit there post. Anyway the white space issue is for the homepage. I will include my login details in the private content area.

    Please, contact administrator
    for this information.
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 11, 2016 at 10:30

    Hello,

    Try the following css code in custom.css:

    .carousel {
        height: 500px !important;
    }
    .product-grid .product-image img {
         height: 300px !important;
    }
    .page-title {
        padding-bottom: 0px !important;
    }

    How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

    Best regards,
    Jack Richardson.

    Avatar: c4dude
    c4dude
    Participant
    January 29, 2016 at 13:06

    I created a custom.css and tried the code u sent me. It didn’t work well when I started scaling to different resolutions. It messed up the width of pictures and created some clipping errors. What seems the work for me so far is in custom.css and responsive.css and large-resolution.css, I changed it in
    .carousel {
    height: auto !important;
    }

    The add in custom.css of .page-title {
    padding-bottom: 0px !important;
    }
    worked great, thnx.

    The scaling works well only the text alignment is still off when I go to a smaller resolution, see picture.
    http://i.imgur.com/z2Tl60S.jpg
    http://imgur.com/z2Tl60S

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 30, 2016 at 15:58

    Hello,

    Did you make changes in the responsive.css and large-resolution.css files? Please note these files must not be edited as you can lose the changes after next theme update. All style customizations should be made in custom.css. In this case we can revert back original files and after help with your request. Please let us know your decision and provide us with WP Dashboard and FTP details in private content.
    Thank you.

    Best regards,
    Jack Richardson.

    Avatar: c4dude
    c4dude
    Participant
    February 10, 2016 at 16:15

    Hello Jack,

    Yes I made the changes in responsive.css and large-resolution.css. The changes I made in custom.css where not overwriting what was in those css files. I just want to website to work so if you can make it work with the custom.css file alone then be my guest, I placed the log in details in the private content.

    Please, contact administrator
    for this information.
    Avatar: c4dude
    c4dude
    Participant
    February 10, 2016 at 16:17

    forgot the ftp password

    Please, contact administrator
    for this information.
    Avatar: Eva
    Eva Kemp
    Support staff
    February 11, 2016 at 09:24

    Hello,

    I’ve reuploaded those 2 files and checked your site on smaller resolutions, it’s working fine.
    Please clear browser cache and check yourself.

    Regards,
    Eva Kemp.

    Avatar: c4dude
    c4dude
    Participant
    February 11, 2016 at 14:13

    Hello Eva,

    Thank you for re uploading those files and performing a check, but the main problem still remains.
    [img]http://i.imgur.com/fnAL0rS.png[/img]

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    February 11, 2016 at 14:18

    Hello,

    Could you please clarify the problem on your screenshot?
    What is incorrect there?

    Thank you.

    Best regards,
    Jack Richardson.

    Avatar: c4dude
    c4dude
    Participant
    February 11, 2016 at 15:32

    The alignment is not nice and tidy like you can see in the picture. I want it to look more like this.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 11, 2016 at 15:41

    Hello,

    Please try to add this code in custom.css file.

    .product-grid .product-information {
        padding: 0 0px 14px 8px;
    }

    Regards,
    Robert Hall.

    Avatar: c4dude
    c4dude
    Participant
    February 11, 2016 at 16:48

    Thnx Robert

    It fixed all the alignment issues for the product pages.
    However on the front page its slightly off now, most likely because the title name is a bit longer. Any idea on a fix.

    Avatar: Robert Hall
    Robert Hall
    Support staff
    February 11, 2016 at 16:57

    Also try to add this code in custom.css

    .product-grid .product-name {
        height: 45px;
    }

    Regards,
    Robert Hall.

    Avatar: c4dude
    c4dude
    Participant
    May 9, 2017 at 16:05

    New topic:

    On single product page, below the product , there is related products.
    Now the related products are appeared messy:
    http://a2.qpic.cn/psb?/V12RB0iT2Jzw9Z/Ap02*mkd4T5YqtGOpsV4Sgw6sBj6SD3V2Itxemsg0sk!/m/dG0BAAAAAAAAnull&bo=QATJAQAAAAARB7w!&rf=photolist&t=5

    1 line: 3 products
    2 line:blank, 1 , 1 , blank
    3 line: 4 products.
    and next to the related products, there is arrows to go for more, but it is not working.

    http://a2.qpic.cn/psb?/V12RB0iT2Jzw9Z/AEtD0Am5WEUIalpovJ4*KKyBE7DRQ2YO7zCzt6QiU1U!/m/dG0BAAAAAAAAnull&bo=TgNjAQAAAAADBw0!&rf=photolist&t=5
    SO how to have that button (or to call the arrow) to work

    thanks

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    May 16, 2017 at 14:04

    Hello,

    Sorry for the delay.
    Very likely, the problem is related to new woocommerce version, so please wait for theme update, it will be released soon.

    Regards,
    Rose Tyler.

    Avatar: faith@headstoneministries.com
    faith@headstoneministries.com
    Participant
    January 16, 2018 at 18:32

    I upgraded manually the outdated woocommerce templates, everything seems fine except the that in single product page, product details are below the image, how can I move them to the right position as it was originally? I´ve all layout options and it doesn’t change. Also the added product Gallery images became giant size…had to remove them Thanks

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2018 at 09:29

    Hello, faith@headstoneministries.com

    Please create an individual topic for your issue.
    I’ve checked your site and looks like you have some problem in files. Also, you do not have a child theme, it means that changes that you made in files of parent theme will be lost after theme update. In your case, I would recommend to try to solve the problem in this way:
    – activate some default theme on site;
    – rename IDStore theme folder via FTP;
    – upload latest IDStore theme version and activate this theme version that doesn’t have any custom changes;
    – clear cache and check if all works fine;
    – create a child theme and transfer your custom changes into child theme if this is needed;
    – activate the child theme on site, and if all works fine, delete the old theme version.
    In result, you will have 2 theme folder (IDStore – parent theme and the child theme), the child theme should be activated on site.
    Let us know if you need any further assistance.

    Regards

  • Viewing 20 results - 1 through 20 (of 20 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.