Perfect. Thank you for the quick response and helping me solving this.

Hi – I tried putting it on the top, but then my navigation color bar disappeared.
This is what the codes I have and not sure which is affecting the color of the navigation bar.

@media only screen and (min-width: 767px) {
.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 199px !important;
}
.av_secondary_right .sub_menu {
padding-left: 10px;
letter-spacing: 1px;
}
#menu-item-search {display:none;}
div {letter-spacing: 0.5px;}
#footer { font-size: 12px; }
#footer {line-height: 150%;}
#socket .container {
padding-top: 5px;
padding-bottom: 10px;
}
.main_color .avia-slider-testimonials .avia-testimonial-content { background: #00467F; }
.main_color .avia-testimonial-content strong { color: white; }
.avia-testimonial-arrow-wrap .avia-arrow {
background: #00457F !important;
border-color: #00457F !important;
}
a.iconbox_icon {
background-color: transparent !important;
background-image: url(http://www.accesssi.net/newsite/wp-content/uploads/2015/12/AccessSI_WhiteIcon.png);
border: none !important;
}
a.iconbox_icon:before {
content:none !important;
}
#top #wrap_all .custom-color-heading .av-special-heading-tag {
font-weight: bold;
}
.hr-full, .hr-big {
margin: 15px 0;
}
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
#top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; }
h1 { font-size: 28px; line-height: 1.3em; margin-bottom: 10px;}
h2 { font-size: 23px; line-height: 1.1em; margin-bottom: 8px; }
h3 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; }
h4 { font-size: 14px; line-height: 1.1 em; }
h5 { font-size: 14px; line-height: 1.1em; }
h6 { font-size: 12px; line-height: 1.1em; }

.footer_color b {
color: #ffffff;
letter-spacing: 0.75px;
}
#top .main_color .input-text, #top .main_color input[type=’text’], #top .main_color input[type=’input’], #top .main_color input[type=’password’], #top .main_color input[type=’email’], #top .main_color input[type=’number’], #top .main_color input[type=’url’], #top .main_color input[type=’tel’], #top .main_color input[type=’search’], #top .main_color textarea, #top .main_color select {
border-color: #e1e1e1;
background-color: #ffffff;
color: #4d4d4d;
}
.ninja-forms-req-symbol {
color: #1c93cf !important;
}
.ninja-forms-form-wrap label {
padding-top: 10px !important;
}
.asc_rss .social_widget_icon {
color: #fff;
background-color: #007bb5;
border-color: #007bb5;
text-shadow: 1px 1px 1px #125688;
}
#top .fullsize .template-blog .post .entry-content-wrapper {
max-width: 1000px;
}
#top .fullsize .template-blog .post-title {
max-width: 1000px;
}
.small-preview .iconfont { display: none !important;
}
#top .fullsize .template-blog .blog-meta {
display: none !important;
}
#top .flex_column .template-blog .post-title {
font-size: 28px;
letter-spacing: 1px;
text-transform: uppercase;
}
.text-sep {
padding: 0 5px;
display: none !important;
}
.av-share-box .av-share-link-description {
margin-bottom: 20px;
font-size: 18px;
color: #1c93cF;
}
body .alignleft, .entry-content-wrapper a:hover .alignleft {
margin: 20px 20px 20px 0;
}
span.news-thumb.no-news-thumb {
display: none !important;
}
h3 a:hover {
color: #202759 !important;
text-decoration: underline !important;
}
.caption_bottom .slideshow_caption .slideshow_inner_caption .slideshow_align_caption {
text-shadow: 2px 2px 2px #000;
letter-spacing: 2px;
}
#top .av_inherit_color * {
letter-spacing: 1px;
}
.avia_transform .av_slideshow_full .avia-caption-title {
letter-spacing: 2px;
text-shadow: 2px 2px 2px #000;
}
.page .post-title a {
pointer-events:none !important;
}
@media only screen and (max-width: 767px) {
.avia-slideshow-arrows {
display: none !important;
}
.slideshow_caption * {
font-size: 12px !important;
}
}

Perfect. Thank you as that works.

Now my other question is how do I get the NEWS feed in the footer (right column) to link to the correct page as its still appearing the standard blog post. Is there a way to do that or can you tell me how to customized that page as I tried to follow the steps but nothing was working as I would like it to be the same layout as the first frontend of the page on the NEWS as you can see here (http://www.accesssi.net/newsite/news-2/).

Thanks,

Nevermind – I got it to work. I had to adjust the setting in the general setting and change the title. Thanks for your help.

This didn’t seem to work. I add both of them in the CSS under general styling. Also the icons of the slider also didn’t get smaller and still huge as it overlapping the text. Perhaps is there a way to not show it on the mobile devices?

Thanks,

It shoudl be this: Access Systems Integration | Security Company with Offices in NYC, NJ, LA, Philadelphia, Boston and Pittsburgh

Yes, I just want the blog post header LINK only not the title if that makes any sense? Obviously we want to keep the title of the article for SEO purpose.

The header apparently is set up as a default to link to another blog post page. I wanted to know if the header that is hyperlinked automatically can be turned off? Does that make sense?

This still didn’t work. I changed it and nothing (still RSS icon).

See attached that I did change it in the function.php.

http://pasteboard.co/UXs6pMo.png

It is the first link that you asked me to follow the instruction: https://www.iconfinder.com/icondetails/65837/24/ as it seems to not be available.

I have looked at the iconfinder.com and used the code, but it is not showing any of the linkedin Icon. Can you provide me if there is another alternative as its been a week since I haven’t heard any solution to resolved this issue.

HI – still didn’t work. It just became a big box not showing the icon.

http://www.accesssi.net/newsite/
bottom first footer section as you can see.

I tried it and the pencil appears, but when I put the linkedin code it wouldn’t change.

Do I have to go back to the FTP and change it back to the original setting and then try this code?

I entered this
a.asc_linkedin.asc_multi_count .social_widget_icon:before {
content: 
}

And there was no change.

I entered this:
a.asc_linkedin.asc_multi_count .social_widget_icon:before {
content: ‘&#62232’;
}
and it appears just typset.

Hi Basilis – I unfortunately don’t see this ‘Open /framework/php/class-framework-widgets.php and look for line 732:’ option within the editor tab under appearance on a sidebar.

Where am I originally opening it from?

Perfect – Thank you so much. Is there another way to reach out for support vs through forum for a quicker response or this is the only way as I purchased the theme and have the credentials.

Thanks,