Jump to content

Problem with placement in product pages


Recommended Posts

Hello, I am having a problem with the development of my product pages, I will try to explain myself as clearly as possible:

I specify that I bought a theme but that I had a big modification to it.


So, my problem is that I am currently designing my product pages except that I am "forced" to do it one by one (obligated in quotes because I probably suck, which is why I have a problem) :


In fact, I have to do it one by one (ie code starting with .product-id- #) because if I code it in a general way (for example starting directly with .button: [... ]) this does not apply correctly on all pages, for example on product page 1 it will be 20centimeter from the menu, on product page 2 at 80cm, etc ...)

I specify that I coded the positioning with top, right, left, bottom, maybe it was better to do it in margin or in padding? (I guess that's what makes the positioning never the same depending on the pages and the length of the description?)

As I said in parenthesis, if I add a line to the product description, the element whose position I modified shifts down or up, probably a cause of "position: relative"?

So my questions are: is it because of the "position: relative" that the positioning is never the same depending on the pages? So should I use margins / padding instead?

I was using relative position because I couldn't get my elements to be in the right place with the margins / padding, but am I forcing to use them, that might fix my problem?


Sorry if it's not clear, I will answer your questions if there are any.


Thank you


Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More