Main Image & Menu Navigation

gallery images testimonials

7 years, 9 months ago lalaboowho
Member

Hello, Can you help me make the main image on the home page stay in view on mobile and size down so you can see more of the person. I’m also trying to center the navigation and remove the black header background. I don’t want to remove the black low opacity header background on the sticky version when you scroll.

Any help would be appreciated Thank you.

http://artlanta.com/deanostudios

7 years, 9 months ago ram
Keymaster

Hi.,

Get into Admin Panel > Appearance > Foreal Option > Layout > Custom CSS > Enable Custom CSS > Yes > Pasted the below css code inside the text area > Save All.

1) Slider Image:

@media only screen and (max-width: 767px) { #dt-sc-custom-slider.dt-sc-main-slider.dt-sc-parallax { background-position: center center !important; background-size: cover !important; } }

2) Center Navigation:

#menu-container { text-align: center; width: 100%; }

#main-menu ul { display: inline-block; }

3) To remove the background color:

.dt-transparent-menu #main { margin-top: -185px; }

#dt-sc-custom-slider.dt-sc-main-slider.dt-sc-parallax { background-repeat: no-repeat !important; background-position: top !important; }

7 years, 9 months ago lalaboowho
Member

Thank you Ram for the quick reply! I was able to center the navigation and remove the background color on the logo. Can you take another look and let me know how to remove the black bar that shows before the main slider image? Also how can I remove the black border outline on the single images at the bottom of the home page where the logos are placed?
7 years, 9 months ago ram
Keymaster
Hi.,

Just add this css code in Dashboard > Appearance > Foreal Options > Layout > Custom Css & Js > Enable Css > Yes > Pasted the css code inside the text area > Save All. In order to remove the black bar above the logo and to remove the border in single image.

.dt-transparent-menu #main { margin-top: -225px; }

.vc_custom_1460110351721, .vc_custom_1460110345846, .vc_custom_1460110395152, .vc_custom_1460110390970 { border: none !important;}
- This reply was modified 7 years, 9 months ago by ram.
- This reply was modified 7 years, 9 months ago by ram.
7 years, 9 months ago lalaboowho
Member

Hello, can you review the top nav on Safari. The black bar still apears and the menu is not centered. The other browsers are updated, but can’t seem to figure out why Safari has not changed. Thank you

http://www.artlanta.com/deanostudios/
7 years, 9 months ago lalaboowho
Member
How can I remove the breadcrumb image and main title on the product pages and the woocommerce cart, checkout, account pages, etc.

http://www.artlanta.com/deanostudios/product/closer-look-giclee-print/
- This reply was modified 7 years, 9 months ago by lalaboowho.
7 years, 9 months ago lalaboowho
Member

<span style=”color: #666666; font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif; font-size: 14px;”>Hello, can you help me remove the image outline that appears on the products on the shop page and the product level page. </span>http://www.artlanta.com/deanostudios/product/closer-look-giclee-print/

7 years, 9 months ago ram
Keymaster

Hi.,

1) Kindly send us your FTP and WP-admin details. So that we will check and fix the issue ASAP!!

2) Kindly add the below given css code in “Dashboard > Appearance > Foreal Options > Integration > Custom Css”

.products .product-container { border: none; }

.woocommerce div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page #content div.product div.images img { border: none; }

7 years, 9 months ago lalaboowho
Member

This reply has been marked as private.

7 years, 9 months ago lalaboowho
Member

This reply has been marked as private.

7 years, 9 months ago ram
Keymaster

Thanks for the credentials!!

The issue have been resolved. The issue is due to that you have added the @media query code wrongly without closing the tag. Now the site is working fine. Kindly take a look at your site.

http://www.artlanta.com/deanostudios/

Refer the screenshot given below

http://prntscr.com/e3jfb7

7 years, 9 months ago lalaboowho
Member

Thank you for your help have a few questions below if you could review.

– How can I slow down the testimonial gallery on the Home page? http://www.artlanta.com/deanostudios/

– How can I update the gallery to not hard crop the images and remove the hover over effect with the name, border outline and image icon circle? I would just like the not-cropped image to be clicked and go to the photo via lightbox. http://www.artlanta.com/deanostudios/photography/

7 years, 9 months ago lalaboowho
Member

How can I remove the thin outline around the 2 Associates logos near the bottom of the home page? There is an outline around the first two logos Pyhsco Tattoo and Ocean Artists Society.

Thank you

http://www.artlanta.com/deanostudios/

7 years, 9 months ago lalaboowho
Member

Is there a way to reduce the spacing above the woo commerce product on mobile? http://www.artlanta.com/deanostudios/product/blacktip-shark-side-print/

7 years, 9 months ago ram
Keymaster

Hi lalaboowho,

1) Please make the changes in the file wp-content/plugins/buddhathemes-core-features/shortcodes/js/shortcodes.js line no: 108 approx as shown in this screenshot http://prntscr.com/e52o3g

2) a) Comment the php code as shown in this screenshot http://prntscr.com/e52ozs in the file wp-content/themes/foreal/framework/register-functions.php line no: 20 approx. Then install the Thumbnail regenerate plugin and regenerate the portfolio thumbnails and then have a look at the portfolio page.

b) We have removed the hover effect from the gallery. The following codes are added in your custom css.

.portfolio figcaption { display: none; }

3) We have removed the border from the Associates logos as per your needs.

4) The changes have been made as per your needs. We have added the below given code in your custom css

@media only screen and (max-width: 767px) {
.breadcrumb-wrapper.type1 { padding:0; }
}

7 years, 9 months ago lalaboowho
Member

Thank you for the quick reply! Can I also remove the outlines on the logos at the bottom of this page too? http://www.artlanta.com/deanostudios/biography/

7 years, 9 months ago ram
Keymaster

Hi lalaboowho..,

We have removed all the border’s as per your needs. Kindly refer the screenshot given below

http://prntscr.com/e5624g

7 years, 9 months ago lalaboowho
Member

Thank you, had a few glitches can you also review these mentioned.

– On mobile, can we make the spacing between all the logos be the same at the bottom of the Home & Biography pages like the Sponsors logos padding (padding-top: 10px) for the logos on Associates and Gear.

– The quantity + and – buttons on the cart don’t seem to add additional products when they are clicked and then clicked update. Only works when you type the number in and click update.

– For the gallery page, can we make the pop up window appear on the same page instead of opening to the individual portfolio?

Thank you for your help, just have these little tweaks. Really love this template, I left a 5 star review!

7 years, 9 months ago ram
Keymaster

Hi.,

1) We have made the changes as per your needs. Kindly take a look at your site.

http://www.artlanta.com/deanostudios/

http://www.artlanta.com/deanostudios/biography/

2) Sorry for the inconvenience, cart page quantity option works fine without the plus and minus buttons. We will check and fix the issue in our next update.

3) Sorry, for the inconvenience, as of now we do not have that option. We will consider it in future update.

Viewing 19 posts - 1 through 19 (of 19 total)

You must be logged in to reply to this topic.

Support Forums

Working Hours

Monday to Friday

Quick Links

Search

Support Forums

Main Image & Menu Navigation

Working Hours

Monday to Friday

Quick Links

Search

Social