• Priority: 0
  • Status: Closed
  • Theme: Venedor
  • Assigned To: Fred
  • Private: No
  • Open Date: 16.09.20, 06:38
  • Opened by: Shahzad Ahmed
  • Closed by: Fred
  • Closed on: 25.09.20, 00:28
  • Reason: Closed
  • Comment: Glad to help!

Ticket #19153 - Looking to Achieve Something like this

Hello,
I’m looking to achieve my homepage like this website made4fighters.com. I’d tried to add banners gallery but spaces in between are too much. Have a look at this screen shot https://www.screencast.com/t/LsUFHsvhQ0yP these sliding buttons are looking messed same at homepage. Will you please help me out to fix these issues.

Comments

Fred 16 Sep 2020, 11:00

Please give me a link where I can see the issue

Shahzad Ahmed 17 Sep 2020, 04:56

fightersinn.com

Fred 17 Sep 2020, 10:34

Ok, I see.
Try following CSS fix

.pk-nav {align-items:center}
Shahzad Ahmed 17 Sep 2020, 11:52

fightersinn.com

Shahzad Ahmed 17 Sep 2020, 12:01

Where Should I past this?

Fred 17 Sep 2020, 12:02

Back office → Theme Settings → Customer CSS

Shahzad Ahmed 17 Sep 2020, 17:48

Please review what happened after pasting this? also couple of other questions in there https://tinyurl.com/y65tg3jq

Fred 17 Sep 2020, 23:07

it’s absolutely impossible to get such problem with one line of code. Have you tried to remove it?

Shahzad Ahmed 19 Sep 2020, 06:17

It’s your theme you knew it better then me why it’s happening?

Shahzad Ahmed 19 Sep 2020, 06:36

You’d ignored all other questions in the screen shot?

Fred 19 Sep 2020, 09:54

it looks like a CSS cache issue. Go to Performance page in your back office and disable Smarty CSS cache

Shahzad Ahmed 19 Sep 2020, 11:45

You’d ignored all other questions in the screen shot?

Fred 19 Sep 2020, 11:46

no. Did you tried what I suggested?

Shahzad Ahmed 19 Sep 2020, 11:46

The cache is already disabled.

Fred 19 Sep 2020, 11:50

Could you please give me a link to a page where I can see the issue?

Shahzad Ahmed 19 Sep 2020, 12:47

The cache is already disabled.

Shahzad Ahmed 19 Sep 2020, 12:54

I’d fixed it now removed banners first then changed it with correct one. Now it’s working fine. I just wanted to reduce space between the banners https://tinyurl.com/yysl8xdy check this screen shot. There’s reference site given to you which I want to achieve? This is the reference site https://made4fighters.com.

Fred 20 Sep 2020, 14:29

As I can see it looks fine now https://take.ms/CYRfA is the issue solved?

Shahzad Ahmed 21 Sep 2020, 10:06

I’d fixed it now removed banners first then changed it with correct one. Now it’s working fine. I just wanted to reduce space between the banners https://tinyurl.com/yysl8xdy check this screen shot. There’s reference site given to you which I want to achieve? This is the reference site https://made4fighters.com.

Fred 21 Sep 2020, 10:13

Could you please give me a link to a page where I can see the issue?

Shahzad Ahmed 21 Sep 2020, 10:14

Fred,
That’s not my website which You’ve provided screen shot. My website is fightersinn.com. Which is still same as above comment. You’re requested to help me fix my website.
This was my first comment:

I’d fixed it now removed banners first then changed it with correct one. Now it’s working fine. I just wanted to reduce space between the banners https://tinyurl.com/yysl8xdy check this screen shot. There’s reference site given to you which I want to achieve? This is the reference site https://made4fighters.com.

Shahzad Ahmed 21 Sep 2020, 10:14

fightersinn.com is the link

Fred 21 Sep 2020, 10:18

try following CSS

.pagebuilder .pts-container-wrap .pk-widget.widget-banner {margin-bottom:0px}
Shahzad Ahmed 21 Sep 2020, 18:33

Now the banners looks fine now please help me get this sort of cost at each banner https://www.screencast.com/t/lg1rTocA0X2S

Fred 22 Sep 2020, 11:24

do you want to get a text like in the example? we don’t provide customization service

Shahzad Ahmed 22 Sep 2020, 11:27

I don’t want any customization just wanted to add text over the image clickable.

Fred 22 Sep 2020, 11:33

Please add a text first

Shahzad Ahmed 22 Sep 2020, 12:40

I’d added text but it’s displaying below the banner https://www.screencast.com/t/WTN7aRwJ I want to display here

Fred 22 Sep 2020, 19:50

try following CSS:

.banner-content {position:relative}
.widget-banner-desc {position: absolute;z-index: 9;width: 100%;text-align: center;height: 100%;display: flex;justify-content: center;align-items: center;color:#fff}
Shahzad Ahmed 23 Sep 2020, 06:12

added the CSS look what happened https://tinyurl.com/y3pfq5ff

Fred 23 Sep 2020, 09:39

Hi, Ahmed.
As I wrote you above we do not provide customization service. I have helped you to display a text over the image like you asked me for. Now you have to add a button in the widget settings like you added a text

Shahzad Ahmed 23 Sep 2020, 13:55

Fred, if that’s called customization that’s strange. I’d just purchased this theme because of flexibility of designing homepage and product pages. Now I just told you the text you helped me displaying over the image it’s for top image & it’s displaying at lower image. 2nd thing a CSS code for shop button I don’t thing it’s too big thing to help? which time you spend in writing a response that time could have been spent writing a code. It’s simply help if you willing to do so. Help me to fix it, I’ll be grateful to you.

Fred 23 Sep 2020, 14:04

1. yes, there is missed a bit of CSS Please add this:

.widget-banner-desc {top:0;left:0}

2. Please fill out all necessary fields in your profile https://support.promokit.eu/index.php?do=myprofile to access to your back office and I’ll add a button for you

Shahzad Ahmed 24 Sep 2020, 05:45

added the details for fightersinn.com also added that CSS into backend

Fred 24 Sep 2020, 10:06

I just added a button for you as an example into the first banner, now you just need to copy it for another https://take.ms/gwHoU

Shahzad Ahmed 24 Sep 2020, 13:53

How do I change text of the button?

Fred 24 Sep 2020, 13:53

see the screenshot https://take.ms/gwHoU

Shahzad Ahmed 24 Sep 2020, 13:53

Found it Thank you :)

Fred 24 Sep 2020, 13:54

you are welcome

Shahzad Ahmed 24 Sep 2020, 21:34

Found it Thank you :)