Mostofa Ahmed
asked 10 years ago

How can I change the font size of title on widget like News Slider, Popular News, Category etc.. I also want to change font size and color of headline scroll.
Thanks in Advance. 

2 Answers
DominicStaff
answered 10 years ago

Hello Mostofa ! 
To change the font size of title on widget like News Slider, Popular News, Category widget, you can log in to Dashboard > Appearance > Customize > General Setting, add the following code to the Header Code: 

 <style>
.news-slider .carousel .carousel-inner .entry-title {
font-size: 20px;
}
.news-slider .carousel-list .other-entry h2 {
font-size: 14px;
}
.home #primary .widget .tab-pane .entry-title {
font-size: 15px;
}
.widget.news-category article .entry-title {
font-size: 16px;
}
.widget .entry-title {
font-size: 21px;
}
#secondary .widget.latest-news .hentry.first .entry-title {
font-size: 16px;
}
</style>

– To change font-size & color for the headline scroll in the DW Focus, you can add the following code to the Header Code:

 <style>
#under-navigation .dw_focus_headlines .widget-title {
    color: #...;
    font-size: 11px;
}
#under-navigation .dw_focus_headlines .headlines a {
    color: #...;
    font-size: 11px;
}
#under-navigation .dw_focus_headlines .headlines a:hover {
   color: #...;
}
#under-navigation .dw_focus_headlines .headlines ul {
    color: #...;
}
</style>

Hope this helps !

Mostofa Ahmed
replied 10 years ago

Thanks For your Reply Dominic. Headlines customization works. But I’m afraid I couldn’t make understood about Widget Modification. All I Want to modify the TITLE of Widget Not Inner Entry Title. When we Insert an widget on to page Like ‘Even More News’ I just want to modify the title ‘Even more news’ with new font size and colour. Please write me how to modify all of those widget title.
Thanks.

DominicStaff
answered 10 years ago

Hi Mostofa !
Please add the following code to the Header Code:

 <style>
#secondary .widget .widget-title {
   font-size: 11px;
   color: #...;
}

.accordion .accordion-heading a {
   font-size: 11px;
   color: #...;
}
.nav-tabs a {
   font-size: 11px;
   color: #...;
}
.news-slider .carousel-list h3{
   font-size: 11px;
   color: #...;
}
</style>

Hope this helps !

Mostofa Ahmed
replied 10 years ago

Thanks Again for your answer. Problem partially solved. I want to modify Category Widget Header too. Follow this image plz https://dl.dropboxusercontent.com/u/62833608/Screen%20Shot%202014-03-12%20at%206.23.28%20PM%20.png

Anyway, Is there anyway to show most popular posts With “Must Read Article” Section?
Waiting for your reply.

Dominic Staff
replied 10 years ago

Hi,
To change font size for the Category title, you can add the following code to the Header Code:

– At the moment, DW Focus does not support to show most popular post in the “Must Read Article” Section.
Regards,

Mostofa Ahmed
replied 10 years ago

Thank you so much. It works..

Powered by DW Question & Answer Pro