Some questions

[Borisfe88]

Hi,
I have to submit some questions, here they are.

1- How can I make the child theme substitute the images in the main theme’s /images folder?
2- How can I reduce the white bar under the main slider in the homepage?
3- How can I reduce the height of the grey bar under social icons in homepage?
4- The grey bar with the social icons in the homepage has a bad behavior on mobile, can you suggest how to get the same result on desktop, and improve the mobile one?

Thanks in advance.

Kind regards

[David Martin – Support]

1) Why would you need to do this? Can you explain what the end goal is?

2) Remove the top spacing from within the pages Meta Options. Meta Options => Post Meta => Remove Top Spacing

3) Do you mean this?

You can look to override the CSS you have within the blocks you’ve added:

.full-width-text {
    padding-top: 10px;
    padding-bottom: 10px;
    position: ;
}

4) That is due to how you have setup the PB + ninja forms. How do you want it to look on mobile?

[Borisfe88]

1- I would like to customize the cart icon in the menu.

2- Ok, it worked.

3- Yes, I solved it in part, as you can see the lower part is still there, how can I further reduce it?

4- You find attached how it looks on mobile. What do you suggest to improve it?

Thank you.

Attachments:

You must be logged in to view attached files.

[Borisfe88]

Two more questions.

5- Is it possible to enable the mini header on mobile?

6- Is there a way to have a vertical divider within the menu, or changing a single item appearance?

[Borisfe88]

A little update, the product description is not shown anymore, switching the theme it works. I don’t remember anything that could affect it, was it any changes you made?

Could you take a look, please?

[Borisfe88]

Hi,
one more update, the shop page doesn’t show the default left sidebar anymore.

[David Martin – Support]

1) If you add your image to your child theme folder /images/ you can simply reference it the CSS like this:

background-image: url(../neighborhood-child/images/some-image-name.png);

3) Adjust the CSS within:

.home .full-width-text p {
    margin-bottom: 0;
}

4) Put each of the 3 icons within 3 normal text assets within a Row and let the 3 columns folder up and center the text.

5) There is not enough space to show the content nicely, that’s why we have it disabled.

5) You can test dividing the menu items using:

nav .menu > li {
    border-left: solid 1px #eee;
}

6) Which product URL?

7) Set it in Theme Options => WooCommerce Options

[Borisfe88]

1- Could you provide the exact code for the menu icon in the menu bar, please?

3- I added it but unfortunately it is not enough, I would like it to be as in the attached “social-bar” image.

5- That’s ok, I can understand, but, there’s no way to enable it?

6- The code you kindly provided adds it to all the menu items, I’m sorry I did not specify it, I would like it for one item only, as it happens on this support page menu, to separate the social icons.

7- For all of the products, here is an example.

http://morola.it/negozio/cialde/cialda-caffe-marodda-limited-edition/

Thanks for all you’re doing.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1)

.menu > li.shopping-bag-item a > i.sf-cart, 
.mobile-cart-link i.sf-cart {
    background: transparent url(images/shopping_bag_icon.png) no-repeat top left !important;
}

3)

.full-width-text p {
    margin-bottom: 0px !important;
}

6) So the last menu item?

nav .menu > li:last-of-type {
    border-left: solid 1px #eee !important;
}

7)

The sidebar is there:

[Borisfe88]

1- That’s ok. How can I set the size the image is displayed so that I can use one only icon file for both retina and non-retina displays?

3- Great, it now works exactly as I wanted it.

6- I would like it to be between “Il mio account” item.

7- What I meant was the product description, not the sidebar.

Thank you.

[David Martin – Support]

1) Please read over this answer: http://stackoverflow.com/a/16154726

6) Please use this:

.header-right ul.menu {
    border-left: 1px solid #ccc;
    padding-left: 15px;
}

7) The product description is showing:

[Borisfe88]

1- Thank you for the suggestion, it works as I wanted it to.

6- I would like it to be placed just before the cart icon, now it is before the “Home” item.

7- You’re right, but it is the short description, the full description is not shown

Attachments:

You must be logged in to view attached files.

[Borisfe88]

8- Could you explain how to use the Menu Icon in your Custom Menu Option, please? I did not find anything about it in the documentation.

[David Martin – Support]

6) This will do it:

li.parent.shopping-bag-item > a {
  padding-left: 15px!important;
    border-left: 1px solid #ccc;
}

8) You can add the menu icon here, paste it in the Menu Icon (Gizmo / Font Awesome) option.