Complete Theme: Slider text/caption overlay / Frontpage issues

[Adam]

Hello.

I’m not a CSS guru, however wondering if someone can help me out. I’m using the SKT complete theme, got everything nearly setup the way I want however ran into a few show stoppers:

1. Slider Text overlay/caption
– Under Customize -> Frontpage -> Slider we have Slide Title # and Slide Description #. Text entered here is centered across the slider image. I’d like to have this text appear in the lower left corner of the slider image on a opaque background (black at 50%). What CSS tweaks are required?

2. WordPress tags not coming through. Bug?
– Under Customize -> Frontpage -> Home Section 3
Default “services” tags work fine. However everytime I change default content, the tags are no longer rendered into a service definition. All I see is the raw tags entered in the Edit Content window. How can I edit this while maintaining “services” view rendering. The same applies when entering other tags as well (e.g. team, etc.).

WRT #2 I had a look through the wp database to see if I could find the entry (perhaps a text padding issue?), however wasn’t able to locate where the Home Section # content is actually stored.

Thank you.

[Sonnal S Sinha]

Hi Adam,

Kindly show us your website URL.

Regards,
Brad

[Adam]

Hi Brad,

I made a test site avail externally. Please go to http://www.kupsta.com/dev

On the slider, I’d like to position the following text to the lower-left corner of the slider graphic (assuming all images will be same dimensions) and have a transparent dark background (50-60% opacity):

This is a test Slide Title #
This is test Slide Description #

I figured out Item 2 from my original post last night. Apparently I needed to publish the site otherwise any short codes are not rendered in preview.

I do have one more question: If you look at the “services” section of the above link, is there way way to get all the buttons to align in the same row, regardless of description content?

Thank you.

[Sonnal S Sinha]

Hi Adam,

Kindly go to Appearance>>Customize>>Basic>>Custom CSS Box

Add this code there:

.nivo-caption{ text-align:left !important; width:50% !important; top:55% !important;}
.title{text-align:left !important;}
.slidedesc{text-align:left !important;}

Regards,
Brad

[Adam]

Brad, I forwarded details this morning. Let me know if you’re able to get in.

[Sonnal S Sinha]

Hi Adam,

This issue was resolved from our end. Kindly check and confirm.

Regards,
Brad

[Adam]

Thanks Brad. That Looks great, can you please tell me what you did?

I noticed that the buttons are now in alignment, however would like them centered also the text on slider is positioned correctly however would like to have a darker background. I’d like to learn how to do this and try to implement myself, just looking for guidance.

Thank you.

[Sonnal S Sinha]

Hi Adam,

All the changes that i have made are in Appearance>>Customize>>Basic>>Custom CSS Box

Take a look there to understand what we have done.

Regards,
Brad

[Adam]

Thanks a lot for your help. I understand how to customize the template now.

Regards.

[Sonnal S Sinha]

🙂

[Author]

Posts