change font size sidebar and footer widgets

Posted in: Newspaper
Post count: 109

Hi again,

I can change almost all fonts via ‘theme panel -> custom typography’. The only font i can’t find over there are the widgets (sidebar and footer) Where can i change that ones?

I appriciate your time!

JB

Post count: 388

Until an option is added to the theme panel, you can style it yourself via custom CSS. Either do this through a child theme (https://forum.tagdiv.com/child-theme-documentation/) or through the custom css part of the panel.

Using “inspect element” on a widget reveals the classes involved. For the titles it looks like it’s .block-title. The class of a widget’s text often varies from widget to widget, and I’m guessing from stack to stack. In blog-stack, for example, a text widget’s content is class .blog-stack .textwidget.

Post count: 109

Thanks, fixed it by entering a piece of css in ‘custom css’. Hope they add it soon to the theme panel.

Post count: 6600

Hi,

I have added this to our todo list and we will implement this in future updates.

Thanks

Post count: 109

Another css question, which custom css code does change the link color in comments? (they are light grey now)

Further, i noticed that there is no ‘edit comment’ link for admins in the comment section. What’s the reason and how to change it?

Thanks!

Post count: 6600

Hi,

Use this css to change the link color and get it underlined in comments, add it in theme panel > custom css:

.comment-content a {
text-decoration: underline !important;
color: #1f9ee7 !important;
}

You can remove the text-decoration: underline !important; line if you don’t want that the links get underlined and change the color as you like.

The theme doesn’t have a feature like that, the comments are moderated from the back-end, you can try to find a plugin that dose this if exists one.

Thanks

Post count: 109

Thank you Lucian!

JBH

Post count: 109

Hi Lucian,

I’ve tried to change the comment link color by adding this code you prefer:

.comment-content a {
text-decoration: underline !important;
color: #1f9ee7 !important;
}

But the link colors in comments stay light grey (#cbcbcc) and i love to make them blue (#1f9ee7)

What custom css does the job?

Thanks!

JBH

Post count: 6600

Hi,

Please use this:

ol.comment-list .comment-content a {
color: #1f9ee7 !important;
}

Hope this works!
Thanks

Post count: 109

Hi Lucian,

Unfortunatly this code doesn’t change the color also 🙁

Are there any options left?

JBH

Post count: 6600

Hi,

Sorry about this, I have tested this and should work fine http://screencast.com/t/CCj5X76ClsIX
Please send me a link to your site so I can check on your side also, I will then send you the correct css.
Try this css also, I made more exact targeting of comments:

.single .comment-list .comment .comment-content a {
color: red !important;
}

Also tested and works: http://screencast.com/t/fNASeD5jnE
Thanks

Post count: 109

Hi Lucia,

Thanks for testing! I’ve tried the second css also, but unfortunatly, no changes.

The css is still in my custom css field and i’ve put a link in a comment for example. You can check it

Thanks again!

Post count: 6600

Hi,

Please send me a link to your site, point me where you posted the link in your comment.

Thanks

Post count: 109

I’m sorry, you can visit the comment section for a example over here: http://goo.gl/4IO4Wf

Post count: 6600

Hi,

I have tested all css codes I provided you and seems like whichever you use works just fine:

* http://screencast.com/t/KRshDjgXGVej
* http://screencast.com/t/O5nzvz0eyo
* http://screencast.com/t/JmGd8iKJO

As you can see all of then work on your site just make sure you remove all codes used for this and add one of the code like this: http://screencast.com/t/Rj6oje1DbM

Thanks

Post count: 109

Hi Lucian,

I placed the code on top of the custom css list and it worked charming!

Thanks for your patience and help again!

JB

Viewing 16 posts - 1 through 16 (of 16 total)
You must be logged in to reply to this topic.