Search Results for 'color'

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.footercols4 p a { color: #36d6b6;}

Regards,
Brad

[Langer Enterprises LLC]

I need to change the font color of an email link I created in the footer.

https://ibb.co/0p8NJ6H7

I want to match the current text colors.

Text: #dadad1
Roll Over: #36d6b6

I can not find anywhere to update it.

Thanks

[Francisco Rubén Jorquera Villarroel]

Dear SKT Themes Team,

I hope this message finds you well. I’m reaching out to inquire about the availability of a WordPress theme (or customization options) that includes advanced accessibility features to improve user experience, particularly for visitors with specific needs. Below are the key functionalities I’m looking for:

1. Light/Dark Mode Toggle
A visible button to switch between light and dark modes.

Optional: Customizable dark mode tones (e.g., pure dark, blue-dark, sepia).

2. Font Size Adjustment
User-friendly controls to increase/decrease font size (range: 12px–24px).

Option to toggle dyslexia-friendly fonts (e.g., Open Dyslexic, Arial).

3. Dynamic Reading Guide
A button to enable/disable a thin horizontal line (1–2px) that follows the cursor vertically.

Customization: Adjustable line color (e.g., high-contrast red/yellow) and opacity.

4. Additional Requirements
WCAG 2.1 AA compliance.

Save user preferences (via localStorage or cookies).

Responsive design and compatibility with major plugins (Elementor, WooCommerce).

Use Case: The theme will be used for an inclusive education platform, so accessibility is a top priority.

Questions:
Do you currently offer a theme with these (or similar) features?

If not, do you provide custom development services? If so, could you share an estimated cost and timeline?

I’d appreciate any examples, documentation, or guidance you can provide. Thank you for your time—I look forward to your reply.

Best regards,

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.owl-carousel .owl-nav.disabled { display:block !important;}
.owl-nav .owl-prev { color: #fff; background: #960000; border: 0;}
.owl-nav .owl-next { right: 0; !important;}
.owl-nav .owl-prev { right: 45px; !important;}

Regards,
Dave

[Brian Burfield]

Hello,

I have the SKT Roofing Pro theme and am trying to move the header logo slightly to the left by 25px. I cannot figure out the custom CSS for this adjustment. Can you please provide support as I’d like to keep a fairly large logo (200px width) without having it overlap the menu background color.

Thank you.

[Sonal S Sinha]

Hi,

1. What can I do to change the Background color and increase space between gray line and name??

Ans: Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.testimonilacontent::after { margin: 30px auto 25px;}
.bxslider li { background-color: #f3f3f3;}

2. remove (or hide blank) company name under name and add a left and right arrow to scroll through testimonials??

Ans: This can only be done via coding.

Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Dave

[Langer Enterprises LLC]

Thanks, that worked with the text. What can I do to change the overall look of the testimonial box? IE: Background color, remove (or hide blank) company name under name, increase space between gray line and name, and add a left and right arrow to scroll through testimonials.

[Langer Enterprises LLC]

I am using SKT ExceptionaVersion: pro4.0 and Elementor. I really need to format my testimonials using the shortcode [testimonials-rotator show=’-1′] .

https://imgur.com/a/TawyGGn

I want to format the testimonials a lot better. The text is not showing the default font (see image), change/add a background color, change the text color, and have the company and position not show up when the fields are empty or hide altogether.

Also, I have added a Ninja Form to the home page, and the sub-title and field titles are not using the default fonts either (see image).

Can you please help me out?

[Melvin DC]

Does multiple DEMO import of the same theme affects/restrict usage of the theme? Here are some issues encountered. Any settings/configuration to check?

Note: removed some section of the page.
 
Issue 1: skt-infotech.zip demo imported successfully, modified the theme pages but mouse scroll up/down is not functioning as normal for all pages, it dosent scroll using mouse scroll/slow and pages are shaking when view the site (site is under construction. Both Production/Staging in wordpress has same mouse scroll issue) . You need to use page scroll instead.

Issue 2: Renamed each Service Title, 3 out of 8 services didn’t apply the [sidebar-menu menu=’services’]. All other service pages shows correctly. Copy the same HTML code that is working but the 3 service pages doesn’t have side menu though contents are displaying. Code below

[sidebar-menu menu=’services’]

<style>/*! elementor – v3.7.8 – 02-10-2022 */<br />.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style>
<h2>Sed ut perspiciatis unde omnis.</h2>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.https://www.youtube.com/watch?v=XHOmBV4js_E
<h3>At vero eos et accusamus et iusto odio.</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

[Sonal S Sinha]

Hi,

Please use this CSS code to change the color when selecting the size variable.

.woocommerce div.product span.price { color: #ffcb08;}

Regards,
Dave

[John 313]

Thank You for the CSS code …. so now once an item is chosen the price again appears in the demo blue after picking a size variable. I want to change this color also?

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.woocommerce div.product p.price { color:#000;}

Regards,
Dave

[John 313]

How do you change the Product pricing color from demo blue to another color?

[Jason Turner]

I have a button on my header that works fine on desktop but has an overlap when on mobile. I’ve tried to update css on elementor but still not lowering. I added these below but will not lower even when i change margin-top px higher. I did a test and added a color border and it worked. How would i get it to lower or let me know if you need more information.
Thank you

@media (max-width: 768px) {
.buttonClass {
margin-top: 50px !important; /* Adjust as needed */
}
}

@media (max-width: 480px) {
.buttonClass {
margin-top: 100px !important; /* Adjust as needed */
}
}

[Sonal S Sinha]

Hi,

Kindly replace the color code with whatever you want.

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.skt-tshirt-products-box:hover::before { background: #000000;}

Regards,
Dave