Hi guys,

Wondering what CSS I need to customize in order to change the font-size and color of a Portfolio Item’s Title and Excerpt.
These currently appear under an image when using the “Portfolio Grid”.

Help would be much appreciated.

Thanks

Social Media in footer in IE, first icon is larger than the rest.
Also, the Header not showing properly in mobile view.
This is the codes I have in quick css:
}
.title_container{
display: none !important;
}
#top .social_bookmarks { display: none; }
#wrap_all { box-shadow: 0 0 5px 3px #888888; }

.main_color .hr-inner {
border-color: #0080ff;
}

.main_color .hr-inner-style {
border-color: #0080ff;
}

.toggle_content {
overflow: auto;
}

.social_header #header_main .container, .main_menu ul:first-child > li > a {
height: 70px !important;
line-height: 70px!important;
}
#header_main {
z-index: 9999;
}
.logo {
position: absolute;
height: 270px !important;
width: 400px !important;
top: -25px;
}
.logo, .logo img{
max-width: 300px !important;
}
.title_container .breadcrumb { display: none; }
.title_container .main-title { display: none; }

td {
vertical-align: top;
}
.header_color .main_menu ul:first-child > li > a {
color: white;
}
.header_color .main_menu ul:first-child > li > a:hover {
color: #2e5c87;
}
div .logo { left: -52px; }

.avia-layerslider { padding-top: 30px; }

.home .iconbox_content {
min-height: 520px;
}
.iconbox_top .iconbox_content {
box-shadow: 3px 3px 2px black;
border: 1px solid #0080ff;
background: rgba(0, 128, 255, 1);
}
.page-id-1023 .main_color.iconbox_top .iconbox_content, .page-id-1023 .main_color.iconbox_top .iconbox_content, .page-id-1023 .main_color.iconbox_top .iconbox_content {
background: rgba(0, 128, 255, 1);
}
.iconbox_content_container {
font-size: 15px;
color: white;

The site is only a few pages with a few youtube videos? Not sure what is going on but it is so slow? I am not using any plugins out of the normals

http://ryanlacorte.com/peppersghost/

and also the logo is isnt responsive, here is all my custom css:
———————————————

#top #main,#top .html_stretched #wrap_all,#top .alternate_color,#top .header_color,#top .main_color,#top .header_color div,#top #header,#top .header_color .container_wrap_meta,#top .header_color .header_bg,#top .footer_color,#top .footer_color,#top .socket_color {
background-color:rgba(255,255,255,0) !important;
}

#top .container_wrap {
border-top-width:0px !important;
}

#top #header_main {
border-bottom-width: 0px !important;
}

#header_meta {
background: #0772A1;
}

#top ul:first-child > li > a {
color: white;
}

#top ul:first-child > li > a:hover {
color: red;
}

.html_header_top.html_logo_center .main_menu {
text-align: center;
background-color: #0172b6;
border-radius: 5px;
margin-top: 20px;
}

#header .container_wrap {
border: none;
}

#main .container_wrap {
background-color: transparent;
}

li:hover .avia-menu-fx, .current-menu-item>a>.avia-menu-fx, li:hover .current_page_item>a>.avia-menu-fx{opacity: 1; visibility: hidden;}

.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a {
border-right-style: solid;
border-right-width: 1px;
font-size: 14px;
}

.html_header_top.html_logo_center .logo {
margin-top: 11px;
}

.main_color p{
font-size: 15px !important;
}

.main_color h2 {
font-size: 17px !important;
}

.csstransforms3d .show_mobile_menu #mobile-advanced {background-color: lightgray !important;}

#advanced_menu_toggle, #advanced_menu_hide {
margin-top:35px;
background-color: #000000;
color: #ffffff;
border-color: #0171b6;
}

#mobile-advanced, #mobile-advanced a, #mobile-advanced .mega_menu_title {
color: #000000;
border-color: #000000;
}

.entry-content-wrapper div li {
text-indent: 0;
font-size: 14px;
}

.main_color h3 {
font-weight: bold !important;
}

@media screen and (max-width: 600px) {
#supersized {
display:none;
}
}

#top ul:first-child > li > a {
color: white;
text-shadow: 2px 2px #000000;
}

.image-overlay {
position: absolute;
background: 0;
z-index: 500;
height: 100%;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
}

.avia_image.avia-align-center img, iframe {
margin: 0 auto;
display: inline-block;
background-color: #FFFFFF;
border: 2px solid #ff0000 !important;
box-shadow: 5px 5px 2px #888888;
border-radius: 0 !important;
}

.avia-align-center.avia_image.avia-builder-el-no-sibling {
margin-bottom: 0;
margin-top: 0;
background-color: #FFFFFF;
border: 2px solid #ff0000 !important;
box-shadow: 5px 5px 2px #888888;
border-radius: 0 !important;
}

h3.headline {text-shadow: 2px 2px #6F6F6F !important;}

.logo, .logo a, .logo a img {
width: 960px;
height: 124px;
}

.html_header_top.html_logo_center .logo {
margin-top: 0px;
}

—————————————-

• This topic was modified 11 years, 9 months ago by l2yan00.

How do I change the font size for the content?
Thanks