Mostofa Ahmed
asked 7 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 7 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 7 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 7 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 7 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 7 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 7 years ago

Thank you so much. It works..

Powered by DW Question & Answer Pro