height of title lines / gap

[ask9]

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.

[Nishant – SUPPORT]

Hello,

How are you doing?

Can you please post your website url so that I can check and provide you the solution.

[ask9]

This reply has been marked as private.

[Nishant – SUPPORT]

Hello

To get the solution you have to add the below CSS codes in the
Theme options -> General -> Custom css section

h4.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*/
}

[ask9]

thank 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.

[Nishant – SUPPORT]

Hello,

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 */
}

[ask9]

your 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.

[Nishant – SUPPORT]

Replace 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;
}

[ask9]

the 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.

[ask9]

and 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.

[Nishant – SUPPORT]

Hi,

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*/
}

[ask9]

that 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.

[Mohammad – SUPPORT]

Hi,
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
Mohammad

[ask9]

yes 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!

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

input{
border:1px solid #000 !important;
}

Thanks
Mohammad