Return to previous page

Allignment is "off" after update

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

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.

#107321 Copied Theme version: v 4.0 WooCommerce version: Version 2.4.12

19 Answers

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

#107322 Copied

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

#107339 Copied

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.

#107340 Copied
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.
#107412 Copied
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

#110751 Copied

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.

#110899 Copied

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.

#112481 Copied Theme version: v 4.0 WooCommerce version: 2.4.12

c4dude

Participant

February 10, 2016 at 16:17

forgot the ftp password

Please, contact administrator
for this information.

#112482 Copied

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.

#112562 Copied

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]

#112612 Copied

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.

#112614 Copied

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.

#112648 Copied
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.
#112653 Copied
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.

#112673 Copied
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.
#112675 Copied
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.

#162633 Copied

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.

#163248 Copied

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.

#182100 Copied Theme version: IDStore 4.5 WooCommerce version: 3,2.6

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

#182138 Copied
Tagged: allignment, optimized, persuasive, templates, update, woocommerce, wordpress
Viewing 20 results - 1 through 20 (of 20 total)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Designers – WordPress Theme

lazy-placeholder

Online Courses – WordPress WooCommerce Theme

lazy-placeholder

Boxed Store – WooCommerce Theme

lazy-placeholder

Lingerie Store – WordPress WooCommerce Theme

lazy-placeholder

Spa – WordPress WooCommerce Theme

lazy-placeholder

Marseille 01 – WordPress WooCommerce Theme

lazy-placeholder

Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

HandMade Store – WooCommerce Theme

lazy-placeholder

School – WordPress Theme

lazy-placeholder

Engineer Store – WordPress WooCommerce Theme

See All Templates

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