[ReenaD10]

I would like to create a slider with 3 images and all those images are linked to another page. How do I go about it?
Theme: SimClick

[Skandha]

@reenad10: Hello there,
Can you let me know if you want to link the slider images to the pages on your site or to some other sites?

Kind Regards,
Skandha

[ReenaD10]

I would like to link the slider images to the pages on my site.

[Skandha]

@reenad10: Hello there,
Then,
Go to => Dashboard => Pages => Add new pages and set featured image for each page and Update the page.

Finally,
Go to => Appearance => Customize => Theme Options => Featured Slider => Enable the section and select the pages you created earlier and Publish.

Let me know if this works out!
Kind Regards,
Skandha

[ReenaD10]

This is what my slider looks like: http://infigotechsolutions.com/wp/
I would like to remove the box behind the text.

[Skandha]

@reenad10: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

.slider-content-wrapper.content-frame .entry-container .entry-container-wrap::before {
	background-color: transparent;
}

Let me know if this works out!
Kind Regards,
Skandha

[ReenaD10]

Thank you so much, Skandha! You’re a life saver! This worked excellently.
I have a couple more questions, please be patient with me. 🙂

1. How do I add the text on the slider without having it displayed on the page itself.
2. How do I link these sliders to another page on this same website?
3. My footer looks fine on Desktop. However, it doesn’t look right on mobile.

All your help will be appreciated deeply!

[Skandha]

@reenad10: Hello there,
1 & 2. For that you will need to use Custom Type Featured Slider which is only available in the pro version of the theme. I suggest you to upgrade to pro. You can check out the additional-features available in the theme.

3. You seem to have a lot of text on the footer. However the footer seems to look fine on mobile view. Can you please elaborate the issue?

Let me know if this works out!
Kind Regards,
Skandha

[ReenaD10]

Okay, noted on #1 & #2. Regarding the footer, the logo is cut from top and the text alignment is all messy.

[ReenaD10]

How about the colors of the buttons, can I change that? The default is a green gradient.

[Skandha]

@reenad10: Hello there,
For the logo being cut in the footer
Remove the code margin-top: -170px; from your Additional CSS section and the following Code.

.home #content {
    display: none;
}

To change button color

.more-link, .cycle-prev, .cycle-next {
	background-image: linear-gradient(to left, #f23456, #123456) !important;
}

You can change the button color according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[ReenaD10]

This was great! Worked well. Is there a way I can set the logo image to a different size? Right now it’s a really tiny square.

[Skandha]

@reenad10: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

#text-2 img {
    width: 250px;
}

You can change the width according to your choice.
Let me know if this works out!
Kind Regards,
Skandha

[ReenaD10]

Thank for that, Skandha! It didn’t work but I managed to fix it by adding this:

img.custom-logo{
height: 80px;
width: auto;
}

@media(min-width:1024px){
.site-branding .custom-logo-link img {
max-width: 500px;
}

This works well on Desktop but not on Mobile – any idea what’s missing?

Also, I have two more questions:
1. How can we change the color of the Search Bar button?
2. How can we add a link to the logo? I would like to link it to the homepage.

Again, appreciate all the help!

[ReenaD10]

Hi Skandha! I was able to add a link to the logo. Yay! My only issue now is mobile width and the search bar color. Hope you can help!

[Skandha]

@reenad10: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To change the color of Search button */
#social-search-toggle {
    color: #f23456 !important;
}

To add a link to logo
Go to => Appearance => Customize => Widgets => Footer 1 => Edit the text widget => Switch to text editor and Replace the code with the code below and Publish.

<a href="http://infigotechsolutions.com/wp/">
<img loading="lazy" class="wp-image-11 alignleft" src="http://infigotechsolutions.com/wp/wp-content/uploads/2021/05/Infigo-Logo-300x263.png" alt="" srcset="http://infigotechsolutions.com/wp/wp-content/uploads/2021/05/Infigo-Logo-300x263.png 300w, http://infigotechsolutions.com/wp/wp-content/uploads/2021/05/Infigo-Logo-1024x899.png 1024w, http://infigotechsolutions.com/wp/wp-content/uploads/2021/05/Infigo-Logo-768x674.png 768w, http://infigotechsolutions.com/wp/wp-content/uploads/2021/05/Infigo-Logo.png 1306w" sizes="(max-width: 126px) 100vw, 126px" width="126" height="110">
</a>

Let me know if this works out!
Kind Regards,
Skandha

[ReenaD10]

Hi Skandha,
The search button did change but the color of the submit button didn’t. When you click on the magnifying glass icon, there is another button.

<button type=”submit” class=”search-submit fa fa-search”></button>

How do I fix the width of the logo on mobile version?

[ReenaD10]

Hi Skandha,
I’ve resolved my issues above – thank you for the help! I have three more issues:

1. Menu Toggle button (mobile) – I would like the hover color to change, I tried the code below but didn’t work.

.menu-toggle button:hover {
color: #ffff !important;
}

2. Search Result page – how do I remove the side bar?

3. On the search result page, the “Continue Reading” button has a background gradient – how do I edit that?

[Skandha]

@reenad10: Hello there,
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To change the menu toggle button on hover
#menu-toggle:hover .bars {
    background-color: #192b6d;
}
/* To change the gradient of Continue Reading Button
.search article .more-button .more-link {
    background-image: linear-gradient(to left, #123456, #f23456) !important;
}

I don’t see any sidebar in the Search Result Page.

Let me know if this works out!
Kind Regards,
Skandha

[ReenaD10]

Thanks a bunch, Skandha! All my issues have been resolved thanks to you 🙂

[Author]

Posts