Footer Title & Display | Footer Customization

In your wp-content/themes/cannyon_/media/_frontend/css/widgets.css please change width: 50px; to width: 100%;

The rule is: aside.mythemes-footer-sidebars div.widget h5.widget-title:after where you need to make the above change.

or you can go to Appearance > Customize > Additional CSS and

aside.mythemes-footer-sidebars div.widget h5.widget-title:after {
   width: 100%;
}

Let me know if this helps.

Excellent. This code works wonderfully!

Is there a code that could change the line length for our first footer, titled “Corporate,” without affecting the other footer? This code seems to work for both footers simultaneously: https://www.dalaigroup.com

Thank you!

Yes, the code above is generic for the titles for your all footer widgets. However, if you want to make the line to stretch only for your first column, i.e. “Corporate” you need to write this in your Additional CSS:

div#text-11 h5.widget-title:after {
   width: 100% !important;
}

If the above doesn’t work, use this:

aside.mythemes-footer-sidebars div#text-11 h5.widget-title:after {
   width: 100% !important;
}

If this works for you please mark the original question as Resolved.

Thank you!

• This reply was modified 7 years, 8 months ago by Subrata Sarkar.

Thank you so much, Subrata!

The only other issue I have is the existing amount of space between the footer widget title and the text below it. I was able to adjust the margin size between the title and it’s bottom margin line. However, I’m not sure if the excess space underneath is a padding issue: https://www.dalaigroup.com

What command could I add to your code to remove the existing space? Thanks so much!

Try this:

aside.mythemes-footer-sidebars div.widget h5.widget-title {
   margin: 0 auto !important;
}

in Additional CSS or modify your widget.css (wp-content/themes/cannyon_/media/_frontend/css/widgets.css) directly.

Yes, the code you provided has been successful. Sorry for the delay, our website server was having problems and I was unable to make changes.

Thank you for all your help with footer styling codes, I’ll mark this as resolved.

You are welcome! Happy to help … always ??
Also thank you for changing the status to Resolved.

Hi Subrata,

I have a few new questions about footer customization and footer widgets for our Cannyon theme: https://dalaigroup.com/

For starters – I’m trying to reduce the height of the footer as a whole. I navigated through Appearance > Customize > Footer > Menu General, and altered the “Space Height” feature. However, this was not responsive. Is there another way to do this through the theme, or is there a CSS code that may help?

Second – I’m trying to reduce the width of my individual widget columns within the footer. There is a lot of extra space there.

Third – I have used all the available Footer widgets that come with the Cannyon theme, but my supervisor would like to add more information. Is it possible to create an additional footer widget or a widget that can be added to the footer? Or maybe a code that could help create a column within an existing footer widget? Any of these options would be great for the information I am trying to add.

Sorry for all of the requests. Thanks so much for all your help!