Return to previous page

BACKGROUND VIDEO , BUTTON SIZE , CUSTOM LINK IN NEW TAB AND CSS

This topic has 10 replies, 3 voices, and was last updated 8 years, 5 months ago ago by Eva Kemp

ganda

Participant

November 17, 2015 at 14:23

HELLO!

I have the following couple of issues i need help with

1st – i am trying to set a background video playing full page behind the logo and the navigation too.
i need it to look like this http://gosharubchinskiy.com/
I have tried all settings but cannot get this result. Page i want it to play is LOOKBOOK

2nd – i have used the following css at the global css

[button style=”small filled” title=”Small Button”]
[button style=”small” url=”#” title=”Small Button”]

to get smaller buttons but i see no change.I found he CSS at your demo – > elements ->buttons

3rd – how can i get a custom link to open in a new tab? There used to be an option for this but i cannot see it using you theme.

Last but not least i wish you could give css to remove the following
* shorting button and the gray line at shop page
* email to a friend button option at product page.

Thank you in advance.

Please, contact administrator
for this information.

#99877 Copied Theme version: 1.3 WooCommerce version: 2.4.10

9 Answers
Jack Richardson

Support staff

November 17, 2015 at 17:56
Hello,

1. You can use video in Revolution Slider plugin (install it) and set slider in Lookbook page editor:
http://storage5.static.itmages.com/i/15/1117/h_1447778983_1927683_540af7bc1c.png

2. Please show a page where you added buttons.

3. The “target” attribute will open link in a new tab, for example:
<a href="https://www.8theme.com/" target="_blank">8theme</a>

4. Add this code in Theme Options > Styling > Custom CSS > Global Custom CSS:
```
.filter-wrap .woocommerce-ordering {
  display: none;
}
.filter-wrap {
    border-bottom: none;
}
```
```
.product-information .email-link {
  display: none;
}
```
Best regards,
Jack Richardson.
#99930 Copied
ganda

Participant

November 18, 2015 at 10:59

1. i tried with revolution slider too but cannot get the video playing total full screen and behind the navigation and logo like the link i attached. Can you please check it and tell me if i am doing something wrong?

2. I misunderstood the situation. I thought that entering this shortcode to custom global css field at styling would change the way the existing buttons look.

Is there some kind of css to change the size of the existing buttons at product page?
please advise both for medium and small size

3.i am sorry , i cannot see the “target” attribute anywhere. It should be at the custom link’s setting at appearance->menus right?

4. Thanks for the css

line removed
email to a friend removed
but sorting button is still there. Can you please check it?

Thank you in advance.

#100072 Copied

Jack Richardson

Support staff

November 18, 2015 at 12:46

Hello,

1. Please provide us with FTP credentials.

2. Shortcode can’t be used in Theme Options > Styling > Custom CSS. I’ve removed it.
It’s used in Text editor in pages.

3. Do you want to modify buttons on single product page?
Please show a screenshot.

4. I’ve added “!important” to the code. Please check now.

Best regards,
Jack Richardson.

#100088 Copied

ganda

Participant

November 18, 2015 at 13:16

1. i attach you the credentials

2. ok understood. What i want is to make the buttons of the single product page smaller . Like the medium or small size button you have at the demo->elelements-> buttons
I am attaching you a photo

3. i am sorry but you did not answer about how can i make a link opening in a new tab. You mentioned a “target” option which i cannot find.

4. thanks a lot. works perfect.

Please, contact administrator
for this information.

#100100 Copied
Eva Kemp

Support staff

November 18, 2015 at 18:23
Hello,

1. Please take our apologies, unfortunately page heading slider is available only for front page.

2. Please add this code in Theme Options > Styling > Custom CSS > Custom CSS for desktop:
```
.product-information table.variations td.value select {
    width: 150px;
}
.quantity, .quantity input[type="number"] {
    width: 40px;
}
.product-information .cart button[type="submit"], .product-information .cart .button {
  padding: 0px 10px !important;
}
```
3. Please specify what link should be created in a new tab.

Regards,
Eva Kemp.
#100188 Copied
ganda

Participant

November 19, 2015 at 10:29

1. ok. Can you tell me how i set it for the front page? I want a full screen video playing even at the homepage. To be honest i cannot understand why it can work at the homepage and not at other pages..

2.the shortcode you provided me only changes the width of the buttons. If you see at demos->elements->buttons you will see that you have three different size of buttons. I would like the buttons of the shop page to be same size with the medium or the small size button you are showing.

3. I have a link in my navigation called classic days. I want this link to open in a new tab.

Thank you!
Haris

#100294 Copied
Eva Kemp

Support staff

November 19, 2015 at 14:39
Hello,

1. To set front page go to Settings > Reading > Front Page and select a page.

2. If we are talking about buttons, so I’ve changed the size of “Add to cart” button on single product page. This code was added to Custom CSS for desktop:
```
.product-information .cart button[type="submit"], .product-information .cart .button {
 font-size: 11px;
padding: 6px 8px !important;
letter-spacing: 1px;
line-height: 1.42857;  
}
```
This is the code for small button.

3. I’ve ticked “Open link in a new window/tab” in the menu item settings:
http://storage9.static.itmages.com/i/15/1119/h_1447940275_1125688_1afd20faab.png

Please check menu now.

Regards,
Eva Kemp.
#100339 Copied
ganda

Participant

November 19, 2015 at 16:32

ok! Thanks for all!

Last question. Is it possible to have the cart icon appear only after a client has added something?
Maybe you could supply me with such a shortcode?

#100380 Copied

Eva Kemp

Support staff

November 19, 2015 at 16:52

Hello,

Unfortunately there is no such feature.
Sorry.

Regards,
Eva Kemp.

#100385 Copied
Viewing 10 results - 1 through 10 (of 10 total)