-
Posts
-
hi, i have some questions regarding css formatting
I give you all the Links to the problems and the password in the private section
1) in the shop on the single items page there is a border around the product image I do not like. how do I get rid of the grey border?
2) there is this grey border beneath wide screen picture sections (in german they are called “Farb Sektion”) I don’t know where this comes from. I want to get rid of them.
3) the tabs in woocommerce ( I have 2 additional tabs form a plugin) are kind of messed up in the mobile version, see screenshot here:
https://www.dropbox.com/s/g3njw2mjbxl46sc/mobile%20shop%20problem.PNG?dl=0
a good solution would be to make them all same width but only on mobile devices, so it looks cleaner. or maybe you have another idea?
4) I inserted a code to underline all links in the text
#main .content a { text-decoration: underline; }
but now also the text below the products in the shop overview is underlined, see screenshot here. i want to change that.
https://www.dropbox.com/s/645ii8f8xrvz0qz/text%20underlined.JPG?dl=0
“Bio Kakaobohnen Rohkost „Peru“ 150g 7,50 € (50,00 € / kg)“ should not be underlined; „Versandkosten“ should stay underlined
5) on the single product page the last tab is „Bewertungen“ or in english “Reviews“, when you click on it the headline “Bewertungen” is smaller than the ususal headlines in the tabs. i want to have the headline the same way like in the other tabs. see screenshot here:
https://www.dropbox.com/s/bxpy5dw3nd0j6mo/bewertung.JPG?dl=0
6) i made headlines with two lines to the sides:
https://www.dropbox.com/s/cemc2bf9z0u2x34/headline_lines.JPG?dl=0
in the editor it looks like this
https://www.dropbox.com/s/vpoqqk9xsuzuc2z/headline_lines_in%20editor.JPG?dl=0
now there is a gap between text and line, I want the lines to go right to the text with only a small gap, is this possible with css? or is there a better way to make these kind of headlines?
thank you very muchgreetings
richard
Hey richardhofer83,
Sorry for the late reply. We’d appreciate if you could open a separate thread for each thing you would like to change in the future. Threads like these are extremely hard to follow for moderators.
1. Try this CSS:
.template-shop .single-product-main-image .images a { border-width: 0px !important; }2. Try this as well:
#av_section_1 .container { border-color: transparent !important; }3. I couldn’t see anything like that on my end, in what browser are you seeing this?
4. Try this:
.inner_product_header_cell h3 { text-decoration:none !important; }5. Try this:
#top #reviews h2 { font: 18px/17px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }6. Screenshot is not loading, could you check please?
Thanks,
Rikardhello
i am sorry, next time i make seperate threads, i just didnt want to open 5 threads :)
1) is working, thanks
2) this code was not working but it got me in the right direction, this one worked, funny….container_wrap { border-top-style: none; }3) its only in the mobile version, if you open it with your smartphone and go the the product page, you will see what i mean
4) is not working; i tried your code and added color: red !important; to see if the right part is targeted, and the text got red, also only the “Bio Kakaobohnen Rohkost „Peru“ 150g” changed red not the price below (7,50 € (50,00 € / kg)
5) yep thank you working
6)sorry links are now working, here is the question from point 6 again:
i made headlines with two lines to the sides:
https://www.dropbox.com/s/cemc2bf9z0u2x34/headline_lines.JPG?dl=0
in the editor it looks like this
https://www.dropbox.com/s/vpoqqk9xsuzuc2z/headline_lines_in%20editor.JPG?dl=0
now there is a gap between text and line, I want the lines to go right to the text with only a small gap, is this possible with css? or is there a better way to make these kind of headlines?thank you very much
greetings
richard
Hi!
3.) Please deactivate all plugins but WooCommerce by WooThemes to check which one is causing this issue. Are you using any caching plugin? if yes make to switch it off. Does it work when using a default WP theme instead?
Send us admin access, if you need further support with this issue.
Cheers!
Andyhello
3) the problem is that I added 2 additional tabs with this plugin: https://de.wordpress.org/plugins/yikes-inc-easy-custom-woocommerce-product-tabs/
the text in the tab “header” is too long so it messes up the layout. the questions is if there is a css code that only on mobile devices the tabs have all equal width so that 1 tab is in one row. the problem occurs only on mobile devices like smartphones!i made a new drawing so that its clearer what i mean:
https://www.dropbox.com/s/g3njw2mjbxl46sc/mobile%20shop%20problem.PNG?dl=0please also help with point 6) and 4)
thank you!
greetings
richardHey!
password to site in private content does not work anymore. Please check.
Would be best for this forum to open new tickets for different questions.
Best regards,
Andyhi ok i think its easier if i open new topics to the remaining questions, its getting to confusing here :)
can close here
- The topic ‘CSS formatting questions’ is closed to new replies.