3 small issues

• magazine version of the blog on the home page, is there a way we can show first few words of the story

• in the blog page, is there a way we can show 3 lines of the story instead of only one?

• for some reason only home page and “about” show the red underline when you go to the page. the rest stay blank
P.S. i have few custom CSS maybe one of them is conflicting with the menu underline
————————————————————————
img.avia-builder-el-1 { margin-top: -51px!important; width: 1210px; }

#footer {
padding: 0; }

.wpcf7 input[type=text] {
width:180px;
margin-bottom:5px;
font-size:11px;
}

.wpcf7 textarea {
height:40px;
margin-bottom:5px;
font-size:11px;
}

#top #wrap_all .av-social-link-linkedin a {
color: #fff;
background-color: #419cca;
}
#top #wrap_all .av-social-link-twitter a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-instagram a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-gplus a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-facebook a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-vimeo a {
color: #fff;
background-color: #737272;
}
#top #wrap_all .av-social-link-soundcloud a {
color: #fff;
background-color: #737272;
}
#top .social_bookmarks li a { width: 30px; line-height: 30px; min-height: 30px; }
#top .social_bookmarks li { width: 40px; }

.html_header_top.html_bottom_nav_header .main_menu>div, .html_header_top.html_bottom_nav_header .main_menu ul:first-child {
width: auto;
float: right;
}

.avia-menu .menu li a{
border: 0 !important;
}

#header_main {
border-bottom: none;
}

.logo {
top: 16px;
}
.header-scrolled .logo{
top: 0;
}

.tab.widget_tab_comments.tab_counter_2 {
display: none !important;
}

.av-magazine-thumbnail {
display: none;
}

a.slide-image {
display: none !important;
}
————————————————————————