Hi,

Use the large header and take out the social icons, which is easier than the other way around.

Please open header.php and put two forward slashes // on line 104 which will look like this

//if(strpos($headerS,'bottom_nav_header') === false) avia_social_media_icons($social_args);

and put the same two forward slashes in front of line 149 to make it look like this

//if(strpos($headerS,'social_header') !== false && strpos($headerS,'bottom_nav_header') !== false) avia_social_media_icons($social_args);

Thanks,

Nick

Hi,

1. The header no longer has a gap between menu and top using Chrome, FF, and IE10 . Where do you see a gap and using what browser? http://www.clipular.com/c?6174232=rAJ9MxLXR2ZzeYMGDQwUOR-f9OA&f=a706922a622bfae41703f306ea414436

2. What you will need to do is use a shortcode for the green information button inside each of the text-blocks. Here is the shortcode

[av_button label='Click me' link='page,218' link_target='' color='green' custom_bg='#444444' custom_font='#ffffff' size='large' position='right' icon_select='no' icon='']

You will need to edit the label, and for the link , you can chose the ID of the page where you want the link to go to. So this will generate the green button. To display the Boek Nu link on the same line as the button, add it after the button shortcode below the button shortcode . http://www.clipular.com/c?6172260=q_gWPjkVzgUQFbcWbt3LRNEMUB0&f=6fe682a4b390268ff7e7e4ef13be8d1c

OFF TOPIC

Your logo is being resized making it blurry at small screen sized. You can either use this css to make it fit at 200×100 (as it is now)

#top .logo img {

width: 200px;

height: 100px !important;

}

#header_main .container, .main_menu ul:first-child > li a {

height: 100px!important;

line-height: 100px!important;

}

or you will need to resize your logo to 156×88 (the size its being displayed now via resize)

Thanks,

Nick

Hi,

Please update your theme at themeforest.net

I am looking on your page but I am not sure what am I supposed to see.

http://www.clipular.com/c?6073050=skIuHtx3V31tYdDA-ZUZGoQdID8&f=f82fcfcb6f8ef97afa3a42c5aeb74344

Thanks,

Nick

Hi,

Try this, though I am not sure what you are trying to do since your last 2 css blocks are identical above

#header_meta {

background: #0772A1;

}

#top ul:first-child > li > a {

color: green;

}

#top ul:first-child > li > a:hover {

color: orange;

}

To continue go to post https://kriesi.at/support/topic/different-color-for-top-bar-menu-and-menu-hover

Thanks,

Nick

Hi,

Interesting. This code produces a 5 column grid instead of white space.

.no_margin.av_one_fourth {

width:20%

}

However if instead you add this

.grid-entry .inner-entry {

width: 90%;

}

You will get white space.

Thanks,

Nick

Hi,

Please provide a URL to the location where this event is taking place. Since there are so many ways to customize this theme, and with a number of updates already released, -there is no sure way for us to provide you with a reliable answer without first looking at the code.

Your best bet is to mask the link using http://www.goo.gl or show a page on the demo site which displays the behavior. A labeled screenshot hosted on imgur.com or else where would also be helpful in ensuring success.

However, a screenshot alone is not very helpful since we need to see the html/css/js code particular to your situation in order to provide a meaningful solution.

Thanks,

Nick

Hi,

Actually add this to end of your functions.php file

add_filter('widget_title', 'my_change_title');



function my_change_title($title='') {

$ttitle = "<div style="padding-bottom:10px" class="av-special-heading avia-builder-el-1 el_after_av_portfolio avia-builder-el-last ">";

$ttitle .= "<span class="widget-title">$title</span>";

$ttitle .= "<div class="special-heading-border">";

$ttitle .= "<div class="special-heading-inner-border">";

$ttitle .= "</div>";

$ttitle .= "</div>";

$ttitle .= "</div>";

return $ttitle;

}

Thanks,

Nick

Hi,

These are my settings, http://www.clipular.com/c?6128505=FaH00TiIhz85qM1rdB3FqP886PA&f=a01381376381aa07b05e289ac58b1246

and I have no problems seeing thumbnails http://i.imgur.com/1SJUvTh.png

Thanks,

Nick

Hi Hotel,

On issue 1:

To fix your header, please add this to Quick CSS or to /css/custom.css file

.fixed_header #header {

top: 0px !important;

}

=============

on the hotel page, you also have 1 error on that url with the following image not loading.. i put xxxx in image name ,. but you can figure it out.

Failed to load resource: the server responded with a status of 404 (Not Found) http://xxxxxxx/wp-content/uploads/2013/05/Luxxxx-kamexxxx-slider3.png

=============

Add this css because on page you showed in issue 1, the drop down boxes and input boxes on right side cut name in Chrome browser ( http://www.clipular.com/c?6130100=8VLx1E7WjCdXQ4BhhFBEAvDKeIQ&f=.png )

#checkout-select, #checkin-select, #adults, #children, #rooms {

height: 2.5em;

}

=============

On issue two are you sure that is the right link, I see a Japanese website with nothing about a Dutch hotel :) ?

I looked on the first URL and I found the Boek Nu but i don’t see where the meer information is.

THanks,

Nick

Hi,

You have issues with the page. You are including multiple copies of google maps which as the warning says ‘Warning: you have included the Google Maps API multiple times on this page. This may cause unexpected errors’

Please remove this plugin theme-blvd-responsive-google-maps

Thanks,

Nick

Hi,

Please use css from that page, it will do what you need since it removes the box as well from boxed background.

https://kriesi.at/support/topic/transparent-content-and-header#post-111969

Thanks,

Nick

Hi,

That is an advanced layout editor component called Special Heading using the default style. http://www.clipular.com/c?6080052=hDO5fTzvwTw1FQ2vFXkx_-7KFKI&f=.png

This is how it looks when you view source.

<div style="padding-bottom:10px" class="av-special-heading avia-builder-el-1 el_after_av_portfolio avia-builder-el-last ">

<h1>Hello</h1>

<div class="special-heading-border">

<div class="special-heading-inner-border">

</div>

</div>

</div>

So copy that block, open up footer.php and put it where you want. Just change the Hello part to whatever you need it to say.

Thanks,

Nick

Hi,

I will need to see the page where this is taking place, you can use goo.gl to mask the url.

Thanks,

Nick

Hi,

Anything is possible. Can you be a bit more specific about what specifically changing into what else. If you can take a snapshot of the demo portfolio page and on http://www.imgur.com (or other image storage) there are objects like little arrows you can add to the snapshot to better flush out your thought as well as convey your idea to the support team better; then just paste the link to the image here

Please try this css. You can add it to Quick CSS located in Enfold > Styling at the bottom of the page or to the /css/custom.css

#top .grid-content, #top .grid-entry-excerpt, #top .grid-entry-title {

background-color: grey;

}

#top .grid-entry-excerpt {

color: white;

}

#top .grid-entry-title {

color:yellow;

}

Thanks,

Nick

Hi,

You both are asking very abstract questions that are difficult to answer without seeing what you have on the pages, etc.. so there are multiple possible combinations with the theme. Could you provide a url please (you can mask it with http://www.goo.gl) so that we can give you the code for you to use with your designs.

Here is the css code I use to make everything including header, body, footer, socket transparent. Please add this CSS below to Quick CSS or to /css/custom.css file.

#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;

}

Just please make sure that you add a background in Enfold > Styling > General. and remove the color from ‘Body Background color’ input box right above where you will upload the image on that page.

Thanks,

Nick