Hi – I’m trying to customize Footer Style #2, a three-column style using my Footer Info from the Newsmag > Theme Panel > Footer section as Column 1. For column 2, I want to use the “Popular Category” widget and for column 3, the “Block 7” widget.
So, in WordPress > Appearance, I dragged the “tagDiv Popular Categories” widget into the “Footer #1” widget, and the “Block 7” widget into the “Footer 2” widget like this – https://ibb.co/VYjb3QK – and saved.
This was the result: https://ibb.co/xfs1P5m
1) There appears to be an alignment problem: The “Popular Categories” content appears below the Footer info I entered into Theme Panel > Footer – instead of to the right of it. The “Block 7” content is in Column 2 and not Column 3. None of the other pre-created 3-column footer formats seem to align as expected, either. How can this be corrected? Please provide step-by-step instructions.
2) Also, I want to change the font for “Popular Categories” – How do I do that?
Please provide step-by-step instructions. Just giving a screenshot of the solution is difficult to interpret.
Thank you.
Hi,
I have made a simple test with the Footer Style 2. Just added three Blocks 1 on the Widgets and the result is here -> https://www.screencast.com/t/YMIwu1cqL Also, if you want to change the font-family to your popular categories, you need to use a bit of CSS code for that. You can provide oyur website URL for that.
Thank you!
Hi Catalin, Thanks for the reply. I want the footer content from the Theme Panel to appear in column 1 of the footer. Then, I want other blocks to appear in column 2 and column 3. In your example, you added a “Block 1” block in the Footer 1 widget, and that block appears below the footer from the Theme Panel in column 1 – not to the right of it in column 2.
So I tried work-arounds. First, I left the Footer 1 widget empty, and then put the other blocks into Footer 2 and Footer 3 – but it didn’t work that way. So next, I put a ‘Custom HTML’ widget into Footer 1 with the color to be #222222. But I could not figure out how to make an empty row that is not white. Can you please reply with a snippet <div> (code) </div> that will insert an empty row with the color #222222 ?
Also, I don’t understand about using CSS code to change the font-family. Can you please provide an example, and tell me where to place it? Thanks.
Hi,
I have checked your website and I saw that your Footer section seems to look good. Did you have resolved in the meanwhile? Also, if you want to change the font-family for your Popular Category section, you need to use the code below and place it in Theme panel -> Cusotm CSS area.
.td_block_popular_categories.widget_categories a{
font-family:Verdana!important;
}
The result is here -> https://www.screencast.com/t/c8DnqDMGjzGr
Note: The font you want to change should have to beloaded from your Theme panel if you want it to be applied.
Hope this helps!
Thank you!
Yes! Works great. Thanks so much!
