Hi,

Here’s the demo website code:

[av_section color='alternate_color' custom_bg='' src='' position='top left' repeat='stretch' attach='scroll' padding='default' shadow='no-shadow']

[av_textblock]

<h2 style="text-align: center;">In case you need help</h2>

<p style="text-align: center;">Here are several ways to contact us</p>



[/av_textblock]



[av_hr class='short' height='50' shadow='no-shadow' position='center']



[av_one_third first]



[av_icon_box icon='59' position='top' title='Need Support?']

Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

[/av_icon_box]



[/av_one_third][av_one_third]



[av_icon_box icon='122' position='top' title='Presales Question?']

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.

[/av_icon_box]



[/av_one_third][av_one_third]



[av_icon_box icon='56' position='top' title='Check Forum']

Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.

[/av_icon_box]



[/av_one_third]

[/av_section]

Just insert it into the “standard editor” html field, save the post and switch to the advanced editor.

If you refer to the page title which is visible in the tab I’d suggest to use: http://wordpress.org/plugins/wordpress-seo/ – it allows you to change the title for all archive, search, etc. pages. If you want to use Yoast please read this thread too https://kriesi.at/support/topic/seo-site-title#post-117261

1) Use

.page-id-1700 #av_section_1.avia-builder-el-8 {

background-image: url(https://www.andypeck.co.uk/wp-content/uploads/2013/06/trx_border.png) repeat-x !important;

}

2) Insert following code into the quick css field

.home .special-heading-inner-border {

display: none;

}

3) Insert following code into the quick css field and change the margin-top value:

.home .avia_sortable_active .isotope {

margin-top: 10px;

}

Okay I solved it!

First potterlawso here is the answer to your question:

.image-overlay .image-overlay-inside::before {

background: none;

}

Post the above into your custom.css file.

If you only want it done to a certain page, remember to look at the page’s sourcecode and get the portfolios page-id-<number> e.g page-id-507

In that case all you would do is add .page-id-507 infront as follows:

.page-id-507 .image-overlay .image-overlay-inside::before {

background: none;

}

As for my question here is how to replace the circle + icon and add something you want:

Original code found in layout.css

.image-overlay .image-overlay-inside::before {

position: absolute; border-radius: 50px;

background: #000; height:80px; width:80px;

line-height:80px; left:50%; top:50%; margin: -40px 0 0 -40px;

z-index: 500; text-align: center; color:#fff;

}

Then added my own in custom.css to a specific page:

.page-id-756 .image-overlay .image-overlay-inside::before{

position: absolute; border-radius: 0px !important;

background: url(../images/portfolio-hover-image.png) no-repeat !important; height:114px !important; width:141px !important;

line-height:114px; left:35%; top:45%;

z-index: 500;

text-align: center; color:#fff;

}

Please note I put my image in the image folder. The path is /theme_name/images/ folder. Default /enfold/images/ = ../images/

Hope that helps,

Peace,

Daniel

This code won’t work because you can’t give #top .main_menu a negative z-index value. The #top .main_menu element is the container of the main menu and you’d hide the entire menu if the container is covered by other elements with a higher z-index. Personally I’d just change the position of the “color” bar with:

#top .avia-menu-fx {

top: 29px;

}

Then it will overlap the border and you’ll have the same effect.

Hello, considering this falls under the same topic I’ll request it here also. I want the same as potterlawso. But I would also like to know how to change this image to a custom image I’ve created, lets call it: portfolio-image.jpg

So instead of the Circle with the Icon, how can I make this be replaced by my portfolio-image.jpg?

Cheers all,

Daniel