Quicklinks in Footer

Hello @camillerimarine

Go to the wp-admin -> widgets and try to find a widget for QUICK LINKS. there should have to option to delete the widget for QUICK LINKS

if the above things do not work for you then

Go to the Appearance -> Additional CSS and add the below CSS code

.footer .quicklink {
display: none;
}

Thanks!

Building on Zala’s code, this will set the two remaining columns to 50% width.

.footer .quicklink {
    display: none;
}

.footer .column {
    width:50%;
}

It would be better to remove the HTML for the Quick Links rather than using CSS to hide it. There should be a settings page for the footer of the Sunbox theme you’re using in /wp-admin. Contact the theme author you purchased the theme from:

https://themeforest.net/item/sunbox-summershop-multipurpose-woocommerce-wordpress-theme/16086628/comments

Thank you @hansraj1106 and @clarus-dignus

It worked,

also, I am seeing some dynamic content in theme php files of the site, and some pages are built by adding php code in theme files.

mainly in footer.php

it became so difficult, when i want to change something in the footer, could you please suggest me the best way to get rid of that code in footer.php, so that I can simply build a footer using theme menu and widgets.

Thank you.

You shouldn’t need to tamper with the theme files. What you’re trying to achieve should be possible via wp-admin.

Does your Sunbox theme not have its own settings page in wp-admin?

Is there a footer area for widgets in wp-admin > Appearance > Widgets?

Do you see footer setting options when you click wp-admin > Appearance > Customize?

Thanks again,

yes there is Appearance/ Widgets and footer settings as well,

but the footer became static and there is no edit option to cutomize footer through Appearance/Customize theme editor,

I have lot of pages which are not listed in the frontend, I am trying to add those pages under quicklinks by editing the code in footer.php,

But I found a way to add some more pages below quicklinks, but I am unable to change the color for the page title in the anchor tag,

as shown in the pic, I managed to add a page About Us link, but i am unable to change the color of About Us.

Thank you,

This plugin will allow you to add code to your footer without having to tamper with your theme files:

https://www.ads-software.com/plugins/insert-headers-and-footers/

Using that plugin, add this code to your footer:

<div class="inner padd50 custom-footer-links">
	<div class="container">
		<div class="column padd-r-20">
			<h4>Links 1</h4>
			<ol>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
			</ol>		
		</div>
		<div class="column">
			<h4>Links 2</h4>
			<ol>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
				<li><a href="#">Link</a></li>
			</ol>	
		</div>
	</div>
</div>

It’ll add two columns, each containing a list of links.

You’ll also need to add this CSS however you’ve been adding your custom CSS:

.footer .custom-footer-links li {
    list-style-type: disc;
    color: #fff;
}

.footer .custom-footer-links li a:link{
    color: #696969; /* Change this */
}

.footer .custom-footer-links li a:hover,
.footer .custom-footer-links li a:focus{
    color: #0282da !important; /* Change this */
}

In the above CSS, you’ll see /* Change this */ twice. The first is the link color; the second is the link color when the cursor hovers over it. Change these to whatever you require.

Thank you @clarus-dignus