Hey there,

Ive now turned off the background image in theme options and applied your ID Controls but now the png just fills the section instead of just doing a line.

a) How do I make just 1 row of the png?

b) How do I turn off the container top line just above my png

c) How do I control the margin height so that the portfolio starts further down the page but the container above it (the one with the x3 skills options and massive slab font) has less margin at the foot of its container

to see what im talking about please refer to my site:

http://www.andydpeck.co.uk

Hi there – Tried to change the z-index (tried it multiple ways, even swapping gravitas of number values but it still didnt work.

Heres my css…

/*

DESKTOP STYLES

Add styles inside the media query below that you only want to be applied to the desktop layout of your site */

@media only screen and (min-width: 768px) {

/* Desktop styles go here */

/* CREATES TOP MENU FEINT LINE */

#top .main_menu {

z-index: -1 !important;

height: 30px;

border-bottom-color: #5e5957 !important;

border-bottom-width: 1px;

border-bottom-style: solid !important;

}

/* Main Menu – HIGHLIGHT BLOCK */

#top .avia-menu-fx {

z-index: 0 !important;

display:block;

position:absolute;

top: 30px;

border-style:solid;

border-width:2px;

}

}

cheers

andy

I came across this more recent post that addresses this issue: https://kriesi.at/support/topic/galery-pictures-load-effect

Hi,

Open up enfold/js/shortcode.js and search for following code around line 205:

//trigger displaying of thumbnails

gallery.on(‘avia_start_animation’, function()

{

images.each(function(i)

{

var image = $(this);

setTimeout(function(){ image.addClass(‘avia_start_animation’) }, (i * 110));

});

});

change it to:

//trigger displaying of thumbnails

gallery.on(‘avia_start_animation’, function()

{

images.each(function(i)

{

var image = $(this);

setTimeout(function(){ image.addClass(‘avia_start_animation’) }, (i * 110));

});

}).trigger(‘avia_start_animation’);

and the gallery thumbs should load immediately.

I have implemented it and it seems to work, but my question is, why hasn’t this been written into the code for us? It doesn’t make any sense to have to scroll down a complete page of thumbnail images before you get to see them not greyed out! Now I may have to amend the code everytime I do a theme update, so is there a good reason this fix hasn’t been applied to the code for us?

Thanks,

Matt

Thanks Ismael,

I already had the post created..with an excerpt already in place.

But it will continue to show the entire post.

Inserting the “More” link does create the link and stops the entire post from displaying to the insert point. But I would prefer to use the excerpt feature. Can you verify that it is working?

Sorry the fixed layout is still not working (well it works as such, but menu’s and layout is all skewed), so no I will need just a standard browser site…

http://www.dalat.org/main/ – click on the resources top level menu and you will see what i mean (on an iPad)

Hi,

I am using Easy Slider, I have also updated my theme to 1.6, but it still dosent working.

Layer Slider? Do you mean Advanced Layerslider?

Non of my slider works, its, stop working, after 2. image.

Can you please help me with this.

my website is:

http://www.posa.dk

1.) Hi Nick , Yes I have tried the code. Both

.header_color {

background: none;

}

.html_stretched #wrap_all {

background-color: rgba(255, 255, 255, 0);

}

and

.html_stretched #wrap_all {

background-color: rgba(255, 255, 255, 0);

}

.header_color .header_bg {

background: #FFF url(http://blog.blue2x.com/wp-content/uploads/2013/05/bg2.jpg) top center repeat scroll;

}

but it didn’t work

2.) Sorry about it, its suppose to say “vertically” rather than horizontal. And now that I have seen the enfold responsive mobile version.

I was thinking if i could allign the logo to the top left

Menu button like enfold mobile to the top right.

In my image below, first is the my current screenshot. 2nd is the enfold one. and 3rd is the one that I want to achieve.

Basically I want to remove the black space on top ( see 1st image ) , allign logo vertically, and also to the top left.

Menu to the top right and also allign vertically.

The header background image no longer repeats vertically or if given an alternative just remove the header image and change it to a solid color?

3.) As for the text in the slider you are right , it’s visible but it’s small. I may plan to increase the font size or just use the google font ( might want to play around with a similar looking type ).

4.) As for the layer not showing, you can see in the screenshot the blue gradient line ( in the layer slider ) doesn’t appear.

http://sta.sh/08dx22f3kxj

5.) Is there a way to do like inspect element on mobile phones like firebug in browsers etc ?

Thanks for helping me nick.

Hi Nick , what do you mean about the artifact ?

I reinstalled wp super cache ( wasn’t aware it was deleted or might have happened when I messed up my old thematic theme before ).

I don’t want to change the header effect ( it works fine in web but in phones or tablets ) For example in the iphone 5 landscape , it repeats 20 percent of the bg size to the bottom or in the nav area.

I’m either thinking either removing the background image in mobile or fix the repeating background ?

I want to allign the logo horizontally how do i do that ?

And also the widgets don’t have padding. Can you guys point me out where I can find the codes for mobile ? So I can play around and tweak stuff.

Lastly for the transparent png effect or ” laser effect ” . It’s the effect that you see in the layer slider animation, two lines coming from left and right, top line remains and the bottom one fades away. In mobile you don’t see it happen not sure why.