Return to previous page

Image width, FAQ font style. - by rfgroupab

This topic has 10 replies, 2 voices, and was last updated 6 years, 11 months ago ago by Rose Tyler

rfgroupab

Participant

November 9, 2017 at 16:38

Hello.

1.
I would like my images (on mobile) to be out all the way to the edges. I have my row set to: Stretch row and content (no paddings) but still there is a white gap. What am I doing wrong?

2.
I would like to change the font of the FAQ “About Us” to Oranienbaum. I’ve looked around for a while but I can’t find where to change this.

3.
Im wondering if you know a good plugin for ProductSlider that support your theme. I have tried a buch but none of them looks good with this theme I am useing now.

4.
I am trying to implement Google AdSense on our site. It says that I should put their code in between the <head> </head>. But I know your theme doesn’t have this option. I treid putting it in a sidebar but it didn’t work. Where can I put this code so it will work?

Thank you.

Please, contact administrator
for this information.

#177248 Copied

9 Answers
Rose Tyler

Support staff

November 10, 2017 at 10:28
Hello,

1. Please try to add this code in Custom css for mobile:
```
.vc_row-no-padding .wpb_column {
    padding: 0 !important;
}
```
2. Could you please provide screenshot?
3. Unfortunately, I can’t recommend any 3rd party plugin.
Try to use default woocommerce elements or our [8THEME] Products element – http://prntscr.com/h8lkrc
4. Try to use Insert Footers and Headers plugin to add the code.

Regards
#177314 Copied
rfgroupab

Participant

November 13, 2017 at 18:59

Hello again.

1. Thank you that worked. But I would also like every image to be drawn out to the edges now it is only our tpp image. How can I do this?

2. https://prnt.sc/h9y0f1

3. Okey thank you it looks good.
3.1 But I would like to make the images a bit smaller is that possible?
3.2 I would like to have arrows on the side so the visitor understand that it is a slider. Is this also possible?

4. I would like to change the color and height and leanght of the “ADD TO CART” button on the single product page. Can you provide me with the CSS code to do this? https://prnt.sc/h9y29h

5. I would like to remove the ability to be available to zoom on our product pictures.

6, I would like to make the Product Gallery images a bit smaller. https://prnt.sc/h9y4kv

7. I want the customer to land on a “thank you page” after they completed a purchase. Can you tell me hwo I can fix this?

Thank you!

Please, contact administrator
for this information.

#177495 Copied
Rose Tyler

Support staff

November 14, 2017 at 10:08
Hello,

1. Sorry, but seems it is not possible.
2. Please see screenshots http://prntscr.com/ha858h > http://prntscr.com/ha85h1
3. If you have CSS skills you may play around with styles.
4. Please try:
```
.single-product .product-information .single_add_to_cart_button {
    line-height: 38px !important;
    background-color: red;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}
```
5. Go to Theme Options > E-Commerce > Single Product Page > Zoom effect.
6. Please read this article https://docs.woocommerce.com/document/fixing-blurry-product-images/
Don’t forget Regenerate thumbnails after changes in WooCommerce-> Settings-> Product -> Display https://wordpress.org/plugins/regenerate-thumbnails/.
7. This question relates to woocommerce functionality so please contact woocommerce support.

Regards
#177527 Copied
rfgroupab

Participant

November 16, 2017 at 18:58

Okey thank you for all your answers. I still need help with 4 more questions:

1. Remove bigger picture selection from single product page.

2. I’d like to move the “Add To Cart” button more the the right side. Can you tell me the css code for this, thank you

3. I would like the normal paragraph text to be bigger. Without using “headings” and capital letters, is there a way to do this? -> https://prnt.sc/hbdglc

4. I would also like the site to be wider. Not full width but more wide. I would like it to be somewhere around this width: https://prnt.sc/hbduuu How can I change this?

Thank you

#177839 Copied
Rose Tyler

Support staff

November 17, 2017 at 10:05
Hello,

You’re welcome!
1-2. Please provide screenshots for better understanding.
3. You may set font settings in Theme Options > Typography > Page.
If you want to change font size only for the element, you may add custom css code, for example, http://prntscr.com/hbl2x5 font-size: 16px;
4. Please try to use this code in Global Custom css:
```
@media (min-width: 1200px) {
.content-page {
    width: 1300px;
}
}
```
Regards
#177871 Copied
rfgroupab

Participant

November 21, 2017 at 20:25

Hello thank you again for your answers.

1-2. + I would like to change color on the “Add to cart” button. https://prnt.sc/hdgbng

3. Im wondering how to add the custom products that I like to the 8theme slider. Lets say I would like 2 watches 1 bangle and 1 bracelet (specific), is there a way to do this?

4. The first image on mobile is not extended to the edges when I cahnged the picture. Can you tell me the code to do this for this picture. And are you really sure you can’t extend all pictures to be full width on phone?

Regards
Hugo

#178256 Copied
Rose Tyler

Support staff

November 22, 2017 at 09:23
Hello,

1-2. Please go to Theme Options > E-Commerce > Single Product Page > Enable Lightbox for Product Images > Off.
Try to use this code:
```
.single-product .product-information .cart button[type="submit"] {
    margin-left: 33%;
}
```
Try to change color in Theme Options > Styling > WooCommerce.

3. You may set IDs of products http://prntscr.com/hdnl45 http://prntscr.com/hdnley
4. You may set http://prntscr.com/hdnphv and for other images add http://prntscr.com/hdnpt6 and this code in Custom css:
```
@media only screen and (max-width: 480px) { .extra_class>.vc_column-inner {
    padding: 0;
}  }
```
= http://prntscr.com/hdnq0v

Regards
#178277 Copied
rfgroupab

Participant

December 5, 2017 at 10:12

Hello thank you for your answer. I seem to have a new weird problem now.

1. When I make some changes on my site it only works for PC and not for mobile version. For example when I delete a dublicated product (petite gold pearl bangle) it only gets removed from PC and not mobile. And when I change the top bar text it only gets changed on the PC. Here is a screen shot: https://prnt.sc/hja8tw

2. Can I make my own order with the 8theme product silder. Lets say I’d like first a watch then a bangle then a bracelet and then another bracelet. As for now I can only do random, name, date added etc.. I tried sort by ID but it didn’t change anything. So please help me understand how I can make the exact order I want for the slider.

3. How can I add a picture above all the products on my product pages. For exaple if I click bangles. I want a picture of a bangle on the top of the site above all the bangle products.

Thank you!

#179298 Copied

Rose Tyler

Support staff

December 5, 2017 at 10:57

Hello,

You’re welcome!
1. Likely it is cache. Try to clear it. http://prntscr.com/hjati4
2. You need to set IDs of needed products in [8THEME] Products Settings and select “Order by” http://prntscr.com/hjautk
3. Go to Products > Categories > edit category > add image in Description area.

Regards

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