Hi,

I made a video tutorial about this topic https://vimeo.com/channels/aviathemes/66091327 . It will probably take another hour or so for it to be posted on that link. It’s not quite your issue, but I had no problems with a bit of css to stretch lots of things.

Thanks,

Nick

Hi

Take a look the video list here: https://kriesi.at/support/topic/video-requests

Specifically this video I go over setting up something similar to the image you referenced from the demo in this video: https://vimeo.com/channels/aviathemes/64927358

The width for the demo is I believe just the standard width so it should be the same once things are set up.

Regards,

Devin

Hi,

Add this to your custom.css to fix the nice square issue

#top.single .fullsize .template-blog .blog-meta {

width: 100%;

}

About the blurriness… I am not too good with that. My world is blurry, had laser eye surgery but forgot to take off my contacts. AHem. You can try this code and see if it does anything

#top .avia_textblock{

webkit-perspective: none;

-webkit-backface-visibility: hidden;

-webkit-text-stroke: 0.24px

}

I am still looking at the other one. Please reply in 7 hours or so if you hear nothing.

Thanks,

Nick

Hey,

(Read what Peter wrote above first)

I did a trace on the message you quoted and its a 1 year old forum post( http://wordpress.org/support/topic/plugin-lightbox-plusinline ) by the developer of the plugin, but since that time there are quite a few other posts, including video tutorials http://philipgledhill.co.uk/lightbox-plus-video-guide/

But first things first. Remove Jetpack. Also remove all plugins except mailchimp and that lightbox. ALL of them.

Then you need to upgrade the theme. I can see you are not using the latest framework version and there were lots of changes. when you finish updating, and only have mailchimp and the lightbox on, let me know.

Thanks,

Nick

Hi,

Oh. Sorry was a bit late and I failed to pay any attention to the parallax effect. Lets try to straighten that out then.

You see I don’t like that its position is ”fixed” … but what exactly is being fixed but a tiny square image being repeated. But here are a few avenues I would start with in the QA process::

A) I would see how it will look with one large image of the background fixed (no repeat and also stretch to fit). Somehow I have a feeling that this may do the trick.

B) Do you have a background color that you are using concurrently with the image, if not see if there are any changes with red or blue.

C) I would try position left/top

D) Do horizontal tiling starting from left/center

But as I said, I think the size of the tile feels wrong for what you are trying to accomplish. Stick it back in and run a few of these tests please and let us know if any difference was observed in the behavior.

Thanks,

Nick

Hi Jim,

If you download the whole folder from you downloads on Themeforest (not just the wordpress files) you’ll get the documentation as a folder along with the license, psd files and the theme as a zip.

You can also watch some of the videos we have made recently going over various aspects of the theme here: https://kriesi.at/support/topic/video-requests

Regards,

Devin

Hi,

Nice colors. Looks good.

1) “there is a faint line that appears at the top of the menu which spans the entire width of the menu” Umm.. I can guess without seeing code, but not sure what else will be affected.

#top .container_wrap {

border-top-width: 0px;

}

2) Css to change padding between menu items. Change 13 to 10 in the css.

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

padding: 0 13px;

}

3) Just recreate the html structure of the orange thing and the line from the top of the menu and add it to wherever you want to. Since we are talking abstract here, not much more I can offer. Show me the page with code and I can give a better answer.

Thanks,

Nick

Hi,

You always find the not so easy ones, lol.

Well, its possible of course, but would require the menu to be changed in multiple ways. Right now the css below controls those vertical lines and as you can see its a border.

I added the very last one border-image, and you can see how it looks so without having to rebuild the menu, I think something like this would be the best solution, so you would need to create an image of a border and then plug it in there. Obviously the image i am using is not going to work out well. You can see for yourself though. http://www.clipular.com/c?5895319=Qkr65KYgSXgHdJ3pSJKi-_W2TIY&f=.png

Don’t mind for now that it affects the sub menus, the css can be targeted better, but first need that border image.

/*only the vertical line for very first menu item*/

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

border-left-style: solid;

border-left-width: 1px;

border-color: rgb(225, 225, 225);

}

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

border-right-style: solid;

border-right-width: 1px;

border-color: rgb(225, 225, 225);

/*

*/

-moz-border-image: url(https://www.w3.org/TR/css3-background/border.png) 1 6 56 27 stretch;

-webkit-border-image: url(https://www.w3.org/TR/css3-background/border.png) 1 6 56 27 stretch;

-o-border-image: url(https://www.w3.org/TR/css3-background/border.png) 1 6 56 27 stretch;

border-image: url(https://www.w3.org/TR/css3-background/border.png) 1 6 56 27 stretch;

/*

*/

}

Of course if you want to try on for size something easier, like changing ”solid” style to dashed, or dotted. Otherwise border image is the way to go, There are a number of generators that can help you along, once you have your image ready. like this one http://border-image.com/

Thanks,

Nick

Hi,

How did you make this? Because this is showing up as a portfolio ( http://hollenberg.tv/blog/ ) not as a blog. Can you explain.

Also what page is set as a blog in Enfold > Theme Options ?

On Settings > Reading …. the ”Your latest posts” is set as the top option, correct?

—-

Please open up functions.php located in the base folder of the theme and find line 79 that looks like this

$avia_config['imgSize']['portfolio']  = array('width'=>495, 'height'=>400 )

and change it to look like this

$avia_config['imgSize']['portfolio']  = array('width'=>248, 'height'=>186, 'crop'=>true );

As I said something is wrong with the way you are doing this because that page may say its a blog, but it is not, that’s why we are changing the size here for the portfolio. Just remember that changing this doesn’t automatically change the images. For that you will need to install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ) and regenerate the current images (or re-upload them). To test , you can just delete one of the big images that you wanted cropped and reupload it again.

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

Please look at this video https://vimeo.com/channels/aviathemes/64996057 , as to how to add Advanced Layout Editor to Posts. Once you have it there, you can chose whether to display an image or not on your individual posts.

Thanks,

Nick