Notice: These forums are now retired and closed. For active support, please Submit a Ticket or visit our official WordPress.org community pages.
Kadence Theme | Kadence Blocks | Starter Templates | WooCommerce Email Designer | Ascend | Virtue | Pinnacle

Search Results for 'footer'

Home / Forums / Search / Search Results for 'footer'

Viewing 20 results - 201 through 220 (of 6,751 total)
  • Author
    Search Results
  • #284619

    Hi there,

    Thanks for writing back.

    You can put each block inside a Section block and select Horizontal for the Inner Block Direction setting.

    You can then select Start (left), Center, or End (right) in the Justify Content setting.

    Here’s a video for your guide: https://share.getcloudapp.com/qGu67Bez

    Then remove the media query custom CSS you use.

    You can also customize footer widgets in Appearance > Widgets, so you can have a larger view of the settings.

    Let me know how I can help further.

    Best,
    Chito

    #284602

    Hello,
    My website has a menu that is featured in the footer. In discussions regarding related issues, I discovered CSS codes that worked, but mine didn’t.
    Is it possible to remove the horizontal lines that are present beneath each link? Access to the website is available at

    • This topic was modified 2 years, 9 months ago by yulverpatwer.
    #284588

    Hi,
    Thanks for the answer! But how can you align the “Advanced image” or “Icon list” in the footer: left for desktops, centered for tablets and mobiles?

    It worked for me only using @media

    @media (max-width: 1024px) {
     .footer_list_menu ul li {justify-content:center;}
    }

    There is no other way, but maybe there is a way not to use additional styles?

    #284584

    Hey there,

    Thanks for the video.

    When a Gutenberg Image block is added in the footer area, the widget itself has “widget_media_image” class name. That class name is essential for the alignment – see sample code:

    .footer-widget-area.content-align-right .widget_media_image img {
        margin: 0 0 0 auto;
    }

    However, if a Kadence Advanced Image is added in the footer area, it does not have the same class name; hence the styles don’t apply to it.

    The alignment setting from the Toolbar is working on my test site – here’s a video: https://share.getcloudapp.com/L1uvW0el

    Please try applying left or right alignment and check it on the frontend.

    It also works in the Icon List block – here’s a video: https://share.getcloudapp.com/E0uLowoY

    Let us know if you need further assistance.

    Best,
    Chito

    #284575

    Hi,
    Win 10, Chrome
    The “Advanced Image” block doesn’t want to align in the footer. I am attaching a video on the example of the “Painting Service” Starter Template.

    ps Similar problems with the “Icon list” block.

    In forum: Kadence Theme

    In reply to: Footer centering

    #284551

    Hi there!

    Here are the steps that you can follow:

    1. Go to Customizer > Footer
    2. Click the settings icon for the widget where the specific text was added
    3. For the Content Align option, click the icon for mobile
    4. Click the center alignment

    Here’s a screen recording – https://share.getcloudapp.com/o0uJ70PD.

    For the second issue, this is what I saw for the homepage of the template demo – https://share.getcloudapp.com/7KuWArAz. Here’s the URL – https://startertemplatecloud.com/g58/.

    Please could you send us the exact page?

    Kind regards,
    Karla

    #284548

    Hello,
    In the footer of my website, there is a menu that is emphasised. I discovered CSS codes that worked in threads with same problems, but mine did not.
    Can the horizontal lines under each link be eliminated? This website’s address is:

    In forum: Kadence Theme

    In reply to: Footer centering

    #284537

    Hi,
    I still can’t understand… Please, can you show me on video. How the first block in the footer for phones was centered in the “Painting Service” Starter Template. The block in the screenshot.

    As for the second point. The problem occurs precisely in the range of 1024 – 768 pixels. For example, at 320 – everything is ok, at 1500 – everything is ok, at 900 – problems.

    3

    • This reply was modified 2 years, 9 months ago by 270378.
    In forum: Kadence Theme

    In reply to: Footer centering

    #284534

    Hi there!

    I’m sorry for the delay in getting back to you.

    There’s no option to set the content alignment for all the contents/blocks/widgets inside a footer row. The alignments should be set within each footer item’s settings – https://share.getcloudapp.com/JruenwX8.

    If you’re having alignment issues with your footer rows, could you send us the page URL so we can inspect the page of its styles? You can mark your reply as private here so only you and the support team can see the URL.

    “I found a defect in the template. On the main page at the bottom, the “Newsletter” block. At a resolution of 1024 – 768, the layout breaks down (screenshot 2).”
    I didn’t see the Newsletter section – https://share.getcloudapp.com/o0uJ7xD5. Could you confirm the exact page where we can see it?

    If that’s a block inside a page content on your website, double-check your spacing settings (Padding/Margin) for mobile views. It seems like the section is too narrow which is why the texts are showing like that.

    Let us know how we can help you further.

    Kind regards,
    Karla

    In forum: Kadence Theme
    #284496

    Hi,
    In the Starter Templates there is a “Painting Service” template. It’s about the footer. For tablets and phones, the footer is centered in the middle. What setting does this? I can go into each widget and center the elements separately. But here it’s done differently…

    ps By the way, I found a defect in the template. On the main page at the bottom, the “Newsletter” block. At a resolution of 1024 – 768, the layout breaks down (screenshot 2).

    #284269

    Hi, Jonathan!

    Thanks for sharing and glad to know you were able to update your footer titles.

    If we can help you with anything else, please let us know by opening a new forum topic or submitting support tickets on either of the following links:
    https://www.kadencewp.com/premium-support-tickets/
    https://www.kadencewp.com/free-support-tickets/

    Kind regards,
    Karla

    #284241

    I decided to do a tutorial google search and found a youtube video made by one of your company affiliates. With the video I found, I was able to format the footer without using any CSS at all. Here is the link: Kadence Free & Pro Deep Dive [2023]

    I am using that tutorial to build out my website part by part, and page by page. Here is the link to my website, with updated footer and header: https://cognizantspirit.com/

    Scroll down to the footer to see the results.

    P.S. You may want to share that tutorial with other users on your forum.

    #284193

    Hello,

    Thanks for the link. However, I didn’t see the menu in the footer. Here’s a video: https://share.getcloudapp.com/wbuLegoq

    Can you please re-add it, so we can see it, or tell us which widget you are using?

    Kind regards,
    Chito

    #284191

    Hello,
    My website has a menu that is highlighted in the footer. In discussions with similar issues, I saw CSS codes that worked, but mine did not.

    Can the horizontal lines be removed from beneath each link? The URL of the website is

    #284185

    Hi, Jonathan!

    You’re somehow correct. The “.site-footer .widget_text” is what we call the CSS selectors. This specifies which HTML element or object you want to style. The “margin-bottom” is what we call a CSS property, used to style attributes of an element. To learn more about CSS, you can go to this page – https://www.w3schools.com/css/css_selectors.asp.

    “I am also curious how to adjust the color of the widget titles, like change “Usual Info” “Legal Info” “Support Info” and “Blog Subjects”, to match the blue I use for branding colors.”

    I inspected your page and saw that you are using Advanced Text blocks for those titles. What you can do is go to those blocks’ settings and select the color you want to use.

    Otherwise, the widget titles of the footer rows have their own style settings. Those settings can be seen inside each footer row’s settings.

    Watch this screen recording – https://share.getcloudapp.com/geuPYB6v.

    I hope this helps, and let us know if we can assist you further.

    Regards,
    Karla

    #284152

    Those two tips helped immensely. So I understand the CSS correctly, “.site-footer” refers to location on the website, “.widget_text” is a object identifier, and “margin-bottom: 10px” refers to the thing that is being adjusted correct?

    Kind of like telling which direction to go to apply that CSS, am I right?

    I am also curious how to adjust the color of the widget titles, like change “Usual Info” “Legal Info” “Support Info” and “Blog Subjects”, to match the blue I use for branding colors.

    • This reply was modified 2 years, 10 months ago by Jonathan Allen. Reason: Additional formatting request
    #284149

    Hello,
    The footer of my website features a menu that is highlighted. I found CSS codes that worked in conversations about similar problems, but mine didn’t.
    Is it possible to get rid of the horizontal lines under each link? The website’s URL is Indian Wedding Planner New York City.

    #284136

    Hi Jonathan,

    You can add this Custom CSS:

    .site-footer .widget_text > p {
        margin: 0;
    }
    
    .site-footer .widget_text {
        margin-bottom: 10px;
    }

    Just adjust the margin-bottom: 10px; to your liking.

    #284124

    Thank you for providing the tips, that solve the initial issue. Next I want to reduce the whitespace between each linked page similar to what one of your staff has done in your footer to tidy it up. I don’t mind a little css for this, just no sure where to put it in either the widget editor nor row editor for the footer. Or if it is a simple paragraph spacing trick.

    #284100

    Hi There,

    I have checked your website, and your website is not built with WordPress or Kadence. Please confirm the same.

    You can add CSS on hover to remove the underline from footer links.

    Best Regards,
    Archita

Viewing 20 results - 201 through 220 (of 6,751 total)