Various formatting problems
-
O.K., I’ve searched and found various piece-meal solutions to my issues, some seem to work, some don’t–getting to be a mess so I thought it would be better to undo all of that and ask for a more organized solution.
I have a single book I want to sell on my site: https://www.darinboville.com/product/computational-photography-signed-2/
1). Is there a way to link directly from http://www.darinboville.com to the page above with having to go through the “Shop” page?
2) On the product page there is a large white space gap above the listing. How to remove?
3) The product title text is huge and worth-wrapped in an ugly way. How to fix?
4) The text “Category: Book” is not needed. How can I remove?
5). There is a large white space below “Category: Book” and the text below. How to remove?
6). The word “Description” is not needed. How to remove? (Note, there used to be *two* bits of text that said “description”–I removed one with one of the earlier CSS fixes but even after removing the fix the second “Description” hasn’t come back.
I know very little about CSS or about web design in general….any help would be greatly appreciated! 🙂
–Darin
The page I need help with: [log in to see the link]
-
Hi @darinb! Good questions. Some of these are indeed CSS fixes, but there are better ways to remove some of them. I’ll address them in order.
1). Is there a way to link directly from http://www.darinboville.com to the page above with having to go through the “Shop” page?
Yes. You can use a product shortcode on your home page. For more information, see our shortcode documentation here.
2) On the product page there is a large white space gap above the listing. How to remove?
It looks like this is the page header. There is no text, but the element itself is still there. You’ll want to modify the page template to remove the header from the page.
3) The product title text is huge and worth-wrapped in an ugly way. How to fix?
This would need to be a CSS fix.
4) The text “Category: Book” is not needed. How can I remove?
This would best be solved by modifying the template to remove the code that adds the category on the single product page.
5). There is a large white space below “Category: Book” and the text below. How to remove?
It looks like this is the bottom margin for the element containing the category text. Removing the category should fix this. Otherwise, you can you fix it with CSS.
6). The word “Description” is not needed. How to remove? (Note, there used to be *two* bits of text that said “description”–I removed one with one of the earlier CSS fixes but even after removing the fix the second “Description” hasn’t come back.
The best way to remove this would be modifying the page template.
The amount of CSS/design help we can offer is limited, so I would definitely search Google for topics such as “How to modify WooCommerce templates” and the like for more information. There are some good articles out there on the topic, such as this one.
If worse comes to worse, I recommend reaching out to a front-end developer for a more in-depth answer. Our customizations page would be a good place to look.
The topic ‘Various formatting problems’ is closed to new replies.
