Page 40 – Kadence Support Forums

Viewing 20 results - 781 through 800 (of 6,751 total)

← 1 2 3 … 39 40 41 … 336 337 338 →

Author

Search Results
In forum: Pinnacle Theme

In reply to: An image appears too large when displaying on a mobile device.
Hannah

August 9, 2020 at 4:14 pm #254519

Hey Donna,
Looks like your 50th Anniversary Logo image is quite large. This css should work for adding a max-width:
```
@media (max-width: 768px) {
.footerclass img.attachment-full.size-full {
    width: 250px;
}
}
```
Let me know if that does what you’re after.
Hope you’re enjoying your weekend!

Hannah
In forum: Ascend Theme

Topic: Ascend theme pro hooks

Dave

August 8, 2020 at 5:18 am #254479

Hi,

We have a couple of scenarios where we may need to add custom layout or global items.

1. If we want to create a highly customised header or footer which is outside the built in capabilities of the theme.

2. If we want to add our own specialised global items (such as share, rate, etc) globally to specific pages after content.

Question 1
In the above scenarios I assume we can insert some content via a function. Are there hooks for these things or is there a better way that I’m missing?

Question 2
Is there an obvious way to make it configurable in backend to display on certain pages

Question 3
Are we able to integrate it with a specific edible block of content in settings somewhere or would we need to create our own settings/posts area for it?

Sorry if the questions are a little broad, I’m just preparing for future sites with Ascend and I’m a total newbie with it.

Thanks

In forum: Pinnacle Theme

In reply to: An image appears too large when displaying on a mobile device.

Donna

August 7, 2020 at 4:15 pm #254454

Chris,
It didn’t seem to work. Let’s keep trying.
Our 50th Anniversary logo in our footer displays quite a bit larger than the logo just below it. Did I goof up with the size of the image? I’ve been tasked with looking at how our website appears on mobile devices and tablets. Right now I am looking at the footer of the website.
I want to take this one step at a time so as to not goof up something else.
Any help you can give will be greatly appreciate.
-Donna

In forum: Pinnacle Theme

In reply to: An image appears too large when displaying on a mobile device.
Chris

August 7, 2020 at 4:08 pm #254453

Hello,

Actually, this looks to specify just the logo image in the footer that’s too large:
```
@media (max-width: 768px) {
.footerclass img.kt-image-inner-contain {
    width: 250px;
}
}
```
Sorry for the confusion there. Have a great weekend!

Chris
In forum: Ascend Theme

In reply to: Formatting issues
Hannah

August 7, 2020 at 3:23 pm #254447

Hey Nic,
1. You can use this css to center the widget title and icons:
```
.footerclass .kadence_social_widget {
    text-align: center;
}
.footerclass .footer-widget-title {
    text-align: center;
}
```
Then if you want, this css will move the title just slightly right so it sits more directly over the icons:
```
.footerclass .footer-widget-title {
    margin-left: 12px;
}
```
Hope that helps!

2. I’m not seeing the alt tag. Did you hide this already?

Best,
Hannah
In forum: Pinnacle Theme

Topic: An image appears too large when displaying on a mobile device.

Donna

August 7, 2020 at 3:04 pm #254442

Hannah,
A recently added logo appears too large in my footer when displaying on a mobile device. It looks good on larger displays. Can I control its size using CSS code and @media? Using CSS code, how do I tell it which photo is too large since the other images are displaying correctly?
Thank you.
-Donna

In forum: Ascend Theme

Topic: Formatting issues

Nicola Crossley

August 7, 2020 at 7:31 am #254399

Hello,

Can I center the widget title on this site for the social icons:
http://www.amypitfieldphotography.co.uk
The bit that says “follow and like me”
It is currently on the left

I have tried .footer-widget-title {
align-content: center;
}
But didn’t work.

Also is there anyway I can turn off the alt captions displaying?
At the moment if someone clicks on an image to see it bigger, you can see the alt tag underneath.
I want to keep the alt tags but have them not display underneath – can this be done?

You can see what I mean on this page:
http://www.amypitfieldphotography.co.uk/gallery

Many thanks
Nic

In forum: Pinnacle Theme

In reply to: Background image in footer not displaying properly
Hannah

August 6, 2020 at 8:09 pm #254373

I still am not seeing it. Have you cleared your cache after adding it? You may try adding an important tag like this:
```
@media (max-width: 768px) {
.footerclass {
    background: #01663a !important;
}
}
```
Does that make a difference?

Hannah
In forum: Kadence Theme

In reply to: Padding for Footer Columns in Mobile View
Hannah

August 6, 2020 at 11:58 am #254327

Hey Mike,
You can use this css to add some space:
```
@media (max-width: 768px) {
.col-md-4.footercol1, .col-md-4.footercol2, .col-md-4.footercol3 {
    margin-bottom: 40px;
}
}
```
Hope that helps!

Hannah
In forum: Kadence Theme

Topic: Padding for Footer Columns in Mobile View

Mike

August 6, 2020 at 11:25 am #254322

Hi Guys:
I noticed that my footer columns are all bunched together when viewing the site on a phone. There needs to be a space between each column when they stack on a phone. Couldn’t find the right selector to fix it with CSS. Could you? Here’s the site *Login to see link

In forum: Pinnacle Theme

In reply to: Background image in footer not displaying properly

Donna

August 6, 2020 at 9:40 am #254310

Hannah,
That did not work for me. I still get the old photo background when viewing my website on my cell phone. I added this CSS code:

@media (max-width: 768px) {
.footerclass {
background: #36af89;
}
}

I also tried to use a rgba number with transparency so that I could control the intensity of the color.

@media (max-width: 768px) {
.footerclass {
background: rgba(1,102,58, .6);
}
}

Neither code worked. Any advice? … and thanks very much for continuing to help me. I do appreciate it!
-Donna

In forum: Pinnacle Theme

In reply to: Background image in footer not displaying properly
Hannah

August 6, 2020 at 7:37 am #254304

You can make the background a solid color on mobile with this css:
```
@media (max-width: 768px) {
.footerclass {
    background: #01663a;
}
}
```
Does that work for you?

Hannah
In forum: Pinnacle Theme

In reply to: Background image in footer not displaying properly

Donna

August 5, 2020 at 3:34 pm #254271

I am okay with taking a section of our current footer background photo and using it for mobile, such as one of the pine trees. Also, a solid color background could work too. I’d just like to have something that looks good for the mobile users. If you can help me with the CSS code, I’d experiment with those options.
Again, thanks.
-Donna

In forum: Pinnacle Theme

In reply to: Background image in footer not displaying properly

Hannah

August 5, 2020 at 2:35 pm #254267

Hey,
How are you wanting the background image to display on mobile? Your footer becomes very long on mobile due to the content collapsing which would make it very difficult for the image to continue to take up the entire footer background. I would recommend using css to set a different background image on mobile or else a background color. Would this work for you?

Hannah

In forum: Pinnacle Theme

In reply to: Background image in footer not displaying properly

Donna

August 5, 2020 at 10:50 am #254249

Thank you, Hannah. It looks much better now.
The photo is showing up on the mobile now, but the photo is not being responsive and down-sizing. Is there something more I need to do?

In Theme Options > Advanced Styling > Footer Background, I have these parameters set:
NO Repeat, Background Attachment, Cover, Center top.

Thanks.
-Donna

In forum: Pinnacle Theme

In reply to: Background image in footer not displaying properly

Hannah

August 5, 2020 at 9:37 am #254246

Hey Donna,
In Theme Options > Advanced Styling > Footer Background set the Background Position to Center Top.
Hope that helps!

Hannah

In forum: Pinnacle Theme

Topic: Background image in footer not displaying properly

Donna

August 4, 2020 at 3:02 pm #254194

The background image for my footer does not start on the far left of the screen. It is off set to the right. I’d like to fix it so the image covers the full footer. My website is: plcnh.org

Secondly, the background image of my footer does not appear at all on my mobile phone.
Thanks for your help with these footer issues.
-Donna

In forum: Virtue Theme

In reply to: Footer alignment issue
Hannah

August 4, 2020 at 1:19 pm #254185

Hey Timothy,
Your image has a left float which is causing the misalignment. You can remove that with this css:
```
.footercol2 img.alignnone {
    float: none !important;
}
```
Hope that helps!

Hannah
In forum: Virtue Theme

Topic: Footer alignment issue

Timothy

August 4, 2020 at 3:10 am #254161

Hi
I have a weird misalignment in my footer. The footer is a 4 column type and there is only one widget item in each footer.
The specific issue is the first 2 columns. The images are the same size identically yet the second column one inexplicably is out of line with the first.

This is custom HTML but it’s a pretty basic bit of code and so I can’t figure out what I’m doing wrong. Looking on Chrome’s inspector I can’t see what CSS elements might even be causing the problem as it seems both have the same padding/margin.

Please help 🙂

Thanks
Tim (Link in reply)

In forum: Ascend Theme

In reply to: how to remove the footer on ascend on some pages?

Hannah

August 3, 2020 at 2:11 pm #254126

Hey Filippo,
You can do that with custom css and page id’s. If you post a link to the pages you want the footer hidden from I would be happy to help with that.

Best,
Hannah
Author

Search Results