Hi,

here’s a thread which explains very much in-depth how the megamenus work

https://kriesi.at/support/topic/couple-problems-with-mega-menu-formatting-and-structure#post-112541

Especially Devin’s answer second from bottom is very helpful.

Best regards Katharina

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