Return to previous page

Page customization - by smariano - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 8 years ago ago by Eva Kemp

smariano

Participant

March 28, 2016 at 04:28

I would like to adjust the following items on my web site:

1. When I scroll down any page, the main menu shrinks and the logo image fly’s away to the left. Would like them to stay stable as the page is scrolled down.
2. In the top bar, there is a link called WISHLIST. This is now a white font with a different font size as the other links on the top bar. Would like the color to be black and font size to be the same as the other links on the top bar.
3. On the home page there are several rows of images. Some of the rows have a large gap between them. Would like all the row gaps to be approximately 30 px
4. On the home page there is a tab called FEATURED NEW ARRIVALS. Currently there is a grey bar below the tabs. Would like the FEATURED NEW ARRIVALS tabs to look the same as the demo page at this link : https://www.8theme.com/demo/woopress/boxed/
5. On the cart page, the PROCEED TO CHECKOUT button is a black text over a light grey background. Would like this button to look the same as the UPDATE CART button on the same page with white text over a dark background

#119056 Copied Theme version: 2.8

5 Answers
Eva Kemp

Support staff

March 28, 2016 at 09:28
Hello,

1. Add this code in Global Custom CSS:
```
.fixed-header-area .header-logo {
    right: 0 !important;
    margin-left: -50px;
}
```
2. Use this css code:
```
.top-bar .topbar-widget.widget_nav_menu li a {
    color: #000 !important;
    font-size: 11px;
}
.top-bar .topbar-widget.widget_nav_menu li a:hover {
    color: red !important;
}
```
3. Please show on a screenshot what gaps you want to decrease.

4. Please add this code in Global Custom CSS:
```
.ult_tabmenu.style3 {
  border-bottom: none;
}

.ult_tabmenu.style3 > li.ult_tab_li::before {
  box-shadow: none;
}

.ult_tabmenu.style3:before {
border-top: 1px solid #dddddd;
right: 0px;
width: 100%;
content: "";
display: block;
position: absolute;
top: 60%;
margin-top: -1px;
}

.ult_tabmenu.style3 > li.ult_tab_li a:after {
content: '';
border: none !important;
display: block;
width: 7px !important;
height: 5px !important;
position: absolute;
top: 27px !important;
right: -3px;
left: auto !important;
background-color: #000;
}

.ult_tabmenu.style3 li.ult_tab_li:last-child a:after {
  content: '';
  background-color: transparent;
}
```
5. Use this css code:
```
.cart-collaterals .checkout-button {
    background-color: #a3a3a3;
    color: #fff;
}
```
Regards,
Eva Kemp.
#119080 Copied
smariano

Participant

March 28, 2016 at 15:58

yThank you for the information. Everything works fine

I have enclosed a link where you can see the screen shots for item 3 showing where the narrowing should occur on the page

https://blagochestie.com/narrow request.docx

#119139 Copied

Eva Kemp

Support staff

March 28, 2016 at 16:21

Hello,

3. I’ve added this code in CSS block of your home page:
http://storage8.static.itmages.com/i/16/0328/h_1459178469_6013917_22b459afe5.png

Please check home page now.

Regards,
Eva Kemp.

#119143 Copied

smariano

Participant

March 28, 2016 at 16:40

I am not seeing any change except that the distance from the last row to the footer has been reduced.

The gap between the banners has not changed and the footer height has not changed

#119144 Copied
Eva Kemp

Support staff

March 28, 2016 at 18:31
Hello,

I’ve added margin bottom values in the rows settings with banners.
Check the rows now.

Concerning the footer I’ve added this code in Global Custom CSS:
```
.footer-top .wpb_content_element {
    margin-bottom: 5px !important;
}
```
Please check it.

Regards,
Eva Kemp.
#119151 Copied
Viewing 6 results - 1 through 6 (of 6 total)