Digital experiences for all disciplines
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › height of title lines / gap
New Landing › How can we help? › Themeforest Theme Support › Neighborhood › height of title lines / gap
- This topic has 17 replies, 3 voices, and was last updated 9 years by Mohammad – SUPPORT.
-
Posted in: Neighborhood
-
May 12, 2015 at 2:48 pm #174129
hello.
1. how can i make the height of the line on titles like the one on widgets? see attachement.
2. hoow can i make the lines in the contact form visible?
3. how can i move the products to the left? and how can i increase the gap between title and products?
thanks!!
Attachments:
You must be logged in to view attached files.May 13, 2015 at 10:20 am #174417Hello,
How are you doing?
Can you please post your website url so that I can check and provide you the solution.
May 13, 2015 at 10:45 am #174428This reply has been marked as private.May 13, 2015 at 11:30 am #174458Hello
To get the solution you have to add the below CSS codes in the
Theme options -> General -> Custom css sectionh4.spb_heading:before, h4.lined-heading:before { border-top: 1px solid #444; } input[type="text"], input[type="password"], input[type="email"], textarea, select { border-color: #000; } .woocommerce .related ul, .woocommerce .related ul.products { margin-top: 20px; /*change the number to increase more*/ }
May 13, 2015 at 12:11 pm #174478thank you very much for the quick reply nishant. it works perfectly.
just the gap on left at “related products” and the gap between title and content. see attachments. maybe you can help me with that?!
thanks!!
Attachments:
You must be logged in to view attached files.May 13, 2015 at 12:28 pm #174487Hello,
For this you have add the below codes at the same destination
.woocommerce .page-content .related.products ul.products li.product { margin-left: 0; } .woocommerce .inner-page-wrap { margin-top: 25px; /* change the numbers to decrease the space */ }
May 13, 2015 at 12:40 pm #174497your css for the gap between titel and content works perfectly. thanks for that.
unfortunately the gap on the left at related products doesnt work. its stil the same.
May 13, 2015 at 2:54 pm #174589Replace the first three lines of code with this and let me know how it goes
.woocommerce .page-content .related.products ul.products li.product { margin-left: 0 !important; }
May 13, 2015 at 3:03 pm #174593the gap works but now take a look at the products please..there is no gap between them..
Attachments:
You must be logged in to view attached files.May 13, 2015 at 3:25 pm #174607and last gap: the gap on content-pages. it should be the same as on woocommerce-pages. sorry for my english.
Attachments:
You must be logged in to view attached files.May 13, 2015 at 3:41 pm #174619Hi,
Please replace this
.woocommerce .page-content ul.products li.product.first { margin-left: 0 !important; } [09:08:48 PM | Edited 09:09:07 PM] Ajay Gupta: .inner-page-wrap { margin-top:25px; /*Change the number to increase*/ }
with this
.woocommerce .page-content ul.products li.product.first { margin-left: 0 !important; } [09:08:48 PM | Edited 09:09:07 PM] Ajay Gupta: .inner-page-wrap { margin-top:25px; /*Change the number to increase*/ }
May 13, 2015 at 3:54 pm #174628that works. thanks!!
last: see my question above please.
“the gap works but now take a look at the products please..there is no gap between them..”
THANKS!!
!!just look at attachment: “products1.png”!!
Attachments:
You must be logged in to view attached files.May 14, 2015 at 7:47 am #174787Hi,
Please remove this css code:-.woocommerce .page-content ul.products li.product.first { margin-left: 0 !important; } Now use this custom css code:- .woocommerce .page-content .related ul.products li.product:first-child { margin-left: 0 !important; }
Thanks
MohammadMay 14, 2015 at 10:04 am #174810yes it works!! thanks mohammad!!
i just saw that on the login-page and the checkout page almost all the lines for the input-fileds are hidden.
how can i make them visible?
thanks!
May 14, 2015 at 10:20 am #174812Hi,
Please use this custom css code:-input{ border:1px solid #000 !important; }
Thanks
Mohammad -
Posted in: Neighborhood
You must be logged in and have valid license to reply to this topic.