height of title lines / gap

swiftideas

ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

This topic has 17 replies, 3 voices, and was last updated 9 years by Mohammad – SUPPORT.

Viewing 15 posts - 1 through 15 (of 18 total)

1 2 →

Back to forum

Posted in: Neighborhood
May 12, 2015 at 2:48 pm #174129

ask9
Member

Post count: 250

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 #174417

Nishant – SUPPORT
Spectator

Post count: 649

Hello,

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 #174428

ask9
Member

Post count: 250

This reply has been marked as private.

May 13, 2015 at 11:30 am #174458
Nishant – SUPPORT
Spectator

Post count: 649
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*/
}
```
May 13, 2015 at 12:11 pm #174478

ask9
Member

Post count: 250

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.

May 13, 2015 at 12:28 pm #174487
Nishant – SUPPORT
Spectator

Post count: 649
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 */
}
```
May 13, 2015 at 12:40 pm #174497

ask9
Member

Post count: 250

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.

May 13, 2015 at 2:54 pm #174589
Nishant – SUPPORT
Spectator

Post count: 649
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;
}
```
May 13, 2015 at 3:03 pm #174593

ask9
Member

Post count: 250

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.

May 13, 2015 at 3:25 pm #174607

ask9
Member

Post count: 250

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.

May 13, 2015 at 3:41 pm #174619
Nishant – SUPPORT
Spectator

Post count: 649
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*/
}
```
May 13, 2015 at 3:54 pm #174628

ask9
Member

Post count: 250

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.

May 14, 2015 at 7:47 am #174787
Mohammad – SUPPORT
Moderator

Post count: 27441
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
May 14, 2015 at 10:04 am #174810

ask9
Member

Post count: 250

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!

May 14, 2015 at 10:20 am #174812
Mohammad – SUPPORT
Moderator

Post count: 27441
Hi,
Please use this custom css code:-
```
input{
border:1px solid #000 !important;
}
```
Thanks
Mohammad
Back to forum

Posted in: Neighborhood