Theme customization questions
-
Hello I have two issues that I cannot resolve:
1. How do I change the color of the social profile icons in the footer widget? – https://device-graphics.com/cmb/
2. How is the widget “Top Categories” configured part of the Retail Demo (screenshot attached). I had accidentally deleted it off the demo homepage and would like to get it back.
Attachments:
You must be
logged in to view attached files.
Also related to question #1 above – see screenshot.
1. Can I remove that line above the social links?
2. How do I make the social links bounce to a blank page to link to? Currently they are direct links to my social media but I don’t want them to leave my site I want them to bounce to a new page. Thanks.
Attachments:
You must be
logged in to view attached files.
Hello,
01, 02. Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.
02. This is a category widget. Navigate to Pages > Edit Home page with Elementor and use the Product Categories widget: https://ibb.co/bMfzCfMb
03. Add the below Custom CSS code to Theme Settings > Custom CSS > Global CSS section:
div#text-8.wd-widget.widget.footer-widget.widget_text {
border-bottom: none !important;
}
Best Regards,
Ok thanks for the code, I have included the admin login. Please let me know if you have any issues.
Hello,
To customize the footer social icons, we recommend creating an HTML Block using the Social Icons element. This approach allows you to fully control the color and behavior of the icons.
Navigate to HTML Blocks and create a new block.
1. Add the “Social Icons” element from the builder (Elementor).
2. Customize the icon colors as needed (refer to this screenshot: https://postimg.cc/hQ9Rf7Z7)
3. Then Go to Appearance > Widgets and add the newly created HTML Block to your footer column.
Here is documentation how to use HTML Blocks: https://xtemos.com/docs-topic/html-blocks-usage/
To make the social links open in a new tab (so they don’t navigate away from your site), ensure that you enable the “Open in new tab” option when adding or editing each social link inside the Social Icons element.
Best Regards,
Hello sorry for the delayed response I am working on this website again for my client and have added the HTML Block but now I am having some other questions. I have created the HTML block (Elementor #35008) using the social icons in the four column setup like it was in the footer widgets but now how do you suggest I create a title above the social icons that says ‘Follow Us’ so that it is in line and looks like the other columns. I could not find a way to stack elements within a single column. Can this be done? Thanks for your help
https://device-graphics.com/cmb/
Hello,
Edit the HTML Block (#35008) with Elementor > Click on the column where you placed the Social Icons widget > Drag a “Heading” widget from the Elementor panel and drop it above the Social Icons in the same column.
In the heading settings > set Text to: Follow Us
Choose the same style and alignment as the titles in your other footer columns
Adjust padding/margin if needed so that it matches the look of the other columns.
Best Regards,
.
