Widget title icons

[Aph100]

Hi. I would like to change the icons on the sidebar titles. When I inspect the title I can see:
content: “\f02d”;
top: -0.045em;
I am assuming that the “f02d” is the code for the icon - but I am lost as where to find a listing of all the icons and their codes.
Are you able to help please?

I also have a basic question. I dont really like using the sidebar option as it seems to me that the styling of the elements in the sidebar is much more difficult. However I like having a right hand column to put other elements in so I like using a 2/3rd 1/3rd layout. Is there a way to set up the page so that it emulates the content/left sidebar layout, with the relevant margins between the content.

If I simply put a margin between the two columns, the content looks offset when viewed on a small device?

Thanks

[marc_a]

Hi Alex,

Thanks for reaching out!

Most of the icons are using font awesome, you can search the icon and code here:

• https://fontawesome.com/

On the other hand, I suggest that you create a layout with 2/3 and 1/3 then in the row section, you can set the gap between the 2 columns.

Hope that helps.

Thank you.

[Aph100]

Thank you, yes that worked perfectly.
One final question if I may
How do I style the bottom footer
https://amazingspaces.online
I want to put a light background behind the footer text and reduce the amount of space that is being used

I added
.x-colophon.bottom {
max-height: 120px;
}
to the CSS but that put the background but half up the text and then I got a second scroll bar

Thanks

[marc_a]

Hi Alex,

The reason why there’s an extra second scroll bar is because of your custom CSS and to remove the spacing your code should be:

.x-colophon.bottom {
    padding: 0;
}

Then to add a background color to the footer, just add a background color to the CSS. See the example code below, I added a background color red. Just change it to your desire color.

.x-colophon.bottom {
    padding: 0;
    background-color: red;
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[Aph100]

Thank you - that sorted it

[marc_a]

Hi Alex,

You’re welcome and it’s our pleasure to help you. If you have any other concerns regarding our features, feel free to open up a new thread.

Thank you.