Webshop questions - by irish - on WordPress WooCommerce support

Hello,

1. Sorry, but you can’t make header transparent because there is no content behind it.
To make it smaller add this code in Global Custom CSS:

.content-page, .page-content {
    margin-top: 0px;
}

2. If you want to add custom fonts you need import them as described in the article http://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/
Then add the code in Global Custom CSS:

h1, h2, h3 {
  font-family: write_your_font;
}

Best regards,
Jack Richardson.

Hello,

1. You made a mistake when copying the code. I’ve edited it. Check the site now.

2. You can add your own links in Appearance > Widgets > Right Side top bar area.
Please clarify how you want to edit the current links.

3. To enable VC editor for static blocks go to wp admin panel > Visual Composer > Role Manager > Post Types > Custom > tick “static blocks” and other sections where you want to use VC editor.

To edit footer you have to recreate it in static blocks as described in the documentation https://www.8theme.com/demo/docs/woopress/#!/0_footer .

4. You need use html tags to create table. Refer to this article http://www.w3schools.com/html/html_tables.asp . Also you can search in google how to create table in html.

5. To add some content in category page go to Products > Categories > edit a category > write your content in “Category Header” section.

6. Go to Theme Options > Single Product Page > Custom Tab Title.

Regards,
Eva Kemp.

Hello,

1. Please add this code in Global Custom CSS:

.etheme_add_to_cart_button.product_type_simple {
    color: red;
    background-color: yellow;
    border: 1px solid red;
}

Use your color values.

2. Use this css code:

.products-grid .product-title a {
    color: yellow !important;
}

3. Add the following css code:

.price_slider_wrapper .price_slider_amount button {
   color: white;
}

4. Use this code:

.fixed-header-area .menu > li > a {
   font-size: 18px !important;
}

Regards,
Eva Kemp.

Hello,

Thank you for your feedback! We appreciate it very much.

1. To make fixed header a bit transparent use this code in Global Custom CSS:

.fixed-header-area {
    opacity: 0.7;
}

2. You should enter html code to text editor, not to visual http://storage3.static.itmages.com/i/16/0324/h_1458807115_1214705_c0feb32dc2.png .

3. Logout link is already present on your site, you can see it when logged in to wp dashboard http://storage2.static.itmages.com/i/16/0324/h_1458807194_4192029_ae32e391d3.png .

4. Try to use this code in Custom CSS for desktop section:

#coupon_code {
    width: 38%;
}

5. Use this code in Global Custom CSS:

.product-information .yith-wcwl-add-to-wishlist a, .product-information .email-link {
   color: black !important;
}

To translate theme strings please refer to our documentation https://www.8theme.com/demo/docs/royal/#!/1_how_to_translate .

6. Please add this code in Global Custom CSS:

.products-grid .btn.border-grey.product_type_variable {
    color: red;
    background-color: yellow;
    border: 1px solid red;
}

7. You can set breadcrumbs background image in Theme Options > Color Scheme > Breadcrumbs background and in Theme Options > Header > Breadcrumbs Style > With background.

Regards,
Eva Kemp.

Hello,

1. You can disable demo footer in Theme Options > General > Show footer demo blocks > Off.

2. To change footer background color you need edit your static block and set color in row settings http://storage1.static.itmages.com/i/16/0324/h_1458843905_7672494_dc0cc778b5.png .

3. Add this code in Global Custom CSS:

.tagcloud a, a {
  color: black; 
}

4. Sorry, but what do you mean by “But that widget is empty”? Please specify what code you need and where you want to use it.

5. You need edit the file wp-content/themes/royal/framework/shortcodes.php (find the section “! Share This Product” in line 1918), to change links you need edit the code, for example for Twitter <a href="https://twitter.com/share?url='.$permalink.'&text='.$post_title.'" class="'.$tooltip_class.'" title="'.__('Twitter', ETHEME_DOMAIN).'" target="_blank"> and replace https://twitter.com/share?url='.$permalink.'&text='.$post_title.' with a link to your Twitter account.

6. Add this code in Global Custom CSS:

.page-heading .woocommerce-breadcrumb, .page-heading .title {
   color: red !important;
}

7. Use this css code:

.products-grid .btn.border-grey.product_type_variable, .etheme_add_to_cart_button.product_type_simple {
  border-radius: 0 !important;
}

Regards,
Eva Kemp.

Hello,

1. Please show a screenshot what exactly you want to achieve.

2. Add this code in Global Custom CSS:

.footer-top-2 {
  padding-top: 0px;
}
.page-content {
    margin-bottom: 0px;
}

3. This is related to Woocommerce configuration. Please refer to their documentation https://docs.woothemes.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/ .

4. Read this article https://docs.woothemes.com/document/woocommerce-localization/#creating-custom-translations-with-poedit (“Creating custom translations with PoEdit”).

5. To decrease logo size in fixed header use this code in Theme Options > Custom CSS > Custom CSS for desktop:

.fixed-header-area .header-logo img {
    width: 100px;
}

Also use this code:

.fixed-header-area .collapse {
    display: table-cell !important;
    width: 600px;
}
.fixed-header {
    margin-top: 10px;
}

6. I see now filter button uses white text. Clear browser cache and check.

7. You missed one } in your css code. I’ve added it and now code is working.

8. Use this css code:

.sidebar-widget select {
   width: 100%;
}

Regards,
Eva Kemp.

Hello,

1. I’ve added this code in Global Custom CSS:

.navbar {
   padding-bottom: 0px !important;
}

Please check header now.

2. To align cart widget in fixed header I’ve added this code in Custom CSS for desktop:

.navbar-right .navbar-right {
    margin-top: 15px;
}

and this code for footer:

.footer-top-2 .vc_column_container > .vc_column-inner {
   padding-top: 0px !important;
}

Please check.

Regards,
Eva Kemp.

Hello,

Please use this code in Global Custom CSS:

.wpb_gallery .theme-default .nivo-controlNav {
   display: none;
}

Regards,
Eva Kemp.

Hello,

The shortcode is [block id= " "]. You can find block id in address url http://storage3.static.itmages.com/i/16/0506/h_1462541009_6082213_33064b2169.jpeg .

Regards,
Eva Kemp.

Hello,

1. Go to Appearance > Menus > Manage Locations > remove your menu in “Main menu (right)” section.

2. Use this code in Global Custom CSS:

.footer-top-2 .widget_nav_menu li a {
  color: #000 !important;
}

.footer-top-2 .widget-title span::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    top: 8px;
    left: 0;
    position: absolute;
    background: #3f3f3f !important;
    z-index: 1;
}

3. Sorry, but we don’t have SEO options in the theme.

4. Use this css code:

.pagination-cubic li span.page-numbers.current {
   color: #FFF !important;
}

5. Add the following css code:

.product_type_variable {
    color: black;
    background-color: #cda85c;
    border-radius: 0;
}
.product_type_variable:hover {
    color: #cda85c;
    background-color: black;
    border-radius: 0;
}

6. Unfortunately it can’t be set on the same line because additional row is taken by “review stars”.

7. As I see image is shown fine http://storage5.static.itmages.com/i/16/0602/h_1464868501_5846795_d2f9b5033c.jpeg due to the width of container. If you want to show it full width you need remove sidebar.

8. Please provide FTP credentials.

9. I’ve removed the following code from Global Custom CSS and kept only in Custom CSS for desktop:

.fixed-header-area .collapse {
    display: table-cell !important;
    width: 600px;
}

Please check now.

Regards,
Eva Kemp.