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
No problem. Enjoy the theme!
Thanks,
Nick
Nick,
Thank you very much. That’s an interesting approach. You went well above duty on that one. I didn’t realize it was so difficult to adjust. I thought it was just the height of the padding and right frame set to 1 px. I’ll dive deeper and try and find something that looks great using a border image using your suggestions.
If you can think of any other tough questions I should ask, just let me know :)
Cheers,
– John
I’m not sure I understand. The blog page (hollenberg.tv/blog) is set as the blog page in Enfold Theme Options. ‘Your latest posts’ is selected in the Reading Settings. Is this not correct?
Other than that, I’m not sure what to say. I had a different theme installed initially, and recently switched to Enfold, I don’t know if that is causing problems? I thought it was basically showing up as a blog in the grid layout, except the thumbnails weren’t formatting to be the same size.
My apologies for not being clear and thank you for editing the code. It didn’t solve my issue. At my site: http://dailyvitamoves.com I’d like to have an image that when clicked on opens a lightbox that has my Mailchimp form and then shows “success” message after clicking “Subscribe.”
I’m using Mailchimp and trying to put their supplied form embed code into a lightbox. I’m using a lightbox plugin called Lightbox Plus Colorbox and they suggest to add code the following way where “Inline Content Goes Here” I placed the Mailchimp embed code:
The following example shows how to setup content for display in a lightbox. You will need to create a link to the content that contains a class that has the same value as the Link Class for the inline lightbox you are using.
Inline HTML Link Name
You will also need to set up a div element to contain you content. The div element that contains the content must contains have and id with a value of the Content ID for the inline light box you are using. Finally if you want the content to be hidden until the visitor clicks the link, wrap the content div with another div and set the value for style to display:none or assign a class that has display:none for a property
<div style=”display:none”>
<div id=”lbp-inline-href-1″ style=”padding: 10px;background: #fff”>
Inline Content Goes Here
</div>
</div>
Is there more info. that you need? I really appreciate your help!
Thank you very much!
Angelo
Thank Nick. Yes that does fix it from turning white on the slider transition, but it does mean I lose the parallax effect on the background, where the background moves independent from the front content. But I guess that is a small thing if it is only the homepage
Thanks
Hi,
I want to suggest that you re-size every image before you upload them, WP will then create the same size out of them. Or you can add this on your custom.css
.slide-entry.post-entry .slide-image {
max-height: 170px;
}
Regards,
Ismael
Thanks! this seems to work.
much appreciate it!
chris
Hi,
Just add this on your custom.css
.single-portfolio .attachment-entry_with_sidebar.wp-post-image {
display: none;
}
Regards,
Ismael
Hi,
Please open up the file /config-templatebuilder/avia-template-builder/config/meta.php and look at line 5 which look like
array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('portfolio','page'), 'context'=>'normal', 'priority'=>'high', 'expandable'=>true ),
and change it to look like
array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('portfolio','page','post'), 'context'=>'normal', 'priority'=>'high', 'expandable'=>true ),
This will add the Advanced Layout Editor for all your posts so now you can control exactly what image you want to show (You can add image 1 as your featured image which will show up on the archive page but then add a slider or a video on the individual blog page).
Thanks,
Nick
I posted over an hour ago and it looks like I was skipped in the que. I’m just looking for a way to disable the thumbnail in a single portfolio post. I saw a post on how to disable on a blog post, just looking for the same thing on a single potfolio post.
Hello, first off I really like the theme. I am using the WordPress SEO by Yoast plugin. I have noticed when I use the layout editor this plugin dosen’t pickup the content. As a result I have chosen to use the default editor. When I make a portfolio entry in order for a image to appear in a sortable gallery I have to set a featured image. The problem I’m having is that the feature image is being inserted into the top of the portfolio post. How do I remove the featured image?
Hi meanster99, I’m not sure I understand. Where is the “Stretch image etc.” setting you are saying?
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
Hi,
For the wooden background, don’t attach it as fixed, use scroll. There won’t be any difference to the way it displays on the page, and that blinking white color will go away.
Thanks,
NIck
Hi,
Where can I find the “No, don’t stretch my image etc” option? I cannot see it.. :-( I’m sure the problem I want to resolve comes from here but I need more precisions I’m afraid…
Thanks!
Chrys
Hi,
Yes, I see what you mean. Looks like a possible bug.
1. When mouse enters slider and clicks one of circles to change the slider image and mouse then leaves the slider, slider never re-starts again.
Please hang in there a bit more, I made Kriesi aware of the issue.
Thanks,
Nick
Is there a way to make the google map flush with the top and sides, similar to the layer slider? I have tried several map plugins, but can’t get the map to show full width and flush. If I use the Color Section with image, it seems to work. But I need to be able to use a google map and not a static image. Thanks.
Hallo,
erstmal: endgeile Arbeit kriesi! Das Theme macht echt was her und es macht richtig spass damit zu arbeiten! Ich habe lange nach etwas ähnlichem gesucht, da ich selbst leider keine Zeit habe so etwas aus dem Boden zu stampfen. Danke an der Stelle für die tolle Arbeit die jeden Cent wert ist.
Ich habe folgende Probleme mit dem envato-theme:
1.) Leider überlagern sich die Arbeiten im Portfolio-Raster auf meiner Startseite unter:
http://www.medienvirus.de
2.) Ebenso sind diese unterschiedlich hoch. Natürlich habe ich hier unterschiedliche Höhen hochgeladen, jedoch fände ich es an der Stelle sinnvoll wenn dieses Raster immer die selbe Höhe als Thumbnail erhält. Man kann ja später immer noch die volle Größe zeigen. Wie und wo kann ich das ändern? (Ich habe mit Firebug und den vielen vererbten Klassen nicht mehr wirklich durchgesehen und ahne das sich eventuelle änderungen dann auch aufs responsive-design runterbrechen könnten)
Auch ein Beispiel wo das unschön aussieht: http://www.medienvirus.de/kontakt/
3.) Die PrettyPhotobox funktioniert auf bestimmten Seiten nicht wie sie sollte und wie ich es normalerweise kenne: (http://www.medienvirus.de/portfolio-item/roadrunners-club-berlin/)
– So taucht mal das Expand-Imagesymbol auf, mal nicht
– An manchen Stellen ist der schliessen Button abgeschnitten (FF 20, Mac OS X 10.8.3)
– Das Expandimagesymbol expandiert nicht auf die originalgröße, sondern auf einen zwischenwert, was bei einem websiteportfolio nicht gut ist
– Die Box übernimmt keine Alt- und Titletags.
Danke vorab für jeden Support!
LG
Jens
You need to choose “No scaling (Original image size)” for the slideshow image size and you also need to change the setting below the slideshow image size (the one about whether the image stretches to fit the slide) to “No, don’t stretch my image etc”. That will ensure your slider is only the size of the image you upload.
Hi,
This seems to work, adjust the css. You need to supply your own image.
.header_color .main_menu ul:first-child > li a:hover {
background: url(../images/layout/download.png) no-repeat center top;
color: #1F87C5;
}
Regards,
Ismael
Not true TechShad and gianmarizzi. I am using the Fullwidth Easy Slider with images that are 300px in height, and that’s the height of the slider. You have probably not changed the “Stretch image to fit slideshow” element setting from “Yes, stretch my image” to “No, don’t stretch the image etc”. Without changing that setting the image will stretch to fit the entire page, which automatically adjusts the height aswell.
There is no need to add custom CSS unless you want the image to actually stretch across the entire screen, in which case you could always upload an image with the maximum width dimension that you are using with your theme (but that may involve having very big image file sizes and may not always look how you want it to on different size screens).
Hi There,
how can i have custom image on menu, when I hover or select like in this site. http://myonlineadvisers.com.au ? Instead of having border under the menu.
I am using Fixed header with Social Icons and additional Navigation as Header option.
Thanks
G.
Hi Ismael and Devin,
Not sure what happened but somehow I have tried again and it works on the original page created (called /blank) but i cannot re-create the same effect with any other blank page (now up to version /blank-5).
Would appreciate if you can let me know what to do as i have spent lots of hours on this and ran out of options.
Here is what i have so far:
1.) original page settings screenshots:
1.1 – advanced layout with selected “Color Section” and inside inserted an image and few other elements http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-6.png
1.2 – opening “Color Section” and inserting background with Stretch to fit http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-5.png
1.3 – and i get exactly what i need the sunset background with an image (and other elements) in “front” http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-7.png so this is what we need
2.) now i tried to recreate this with many other pages and every time i get the same thing and here are screenshots:
2.1 – first step i create a new page and choose blank page on the right (no footer/header) and also below on the right no side bar nor header or footer here is a screenshot http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-9.png and i used to get blank white page like on the demo of enfold but in stead i get the background that is on regular pages plus a white line in the middle here is a screenshot http://demo.globalads24.com/wp-content/uploads/2013/05/Picture10.jpg
2.2 – 2nd step i choose advanced layout editor and insert “Color Section” as in the original here is the screenshot http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-11.png and in stead of getting the full stretched background like in the 1st one i get a line in the middle here is the image http://demo.globalads24.com/wp-content/uploads/2013/05/Picture12.jpg
2.3 – now if i insert another image like i did in the original (/blank): screenshot http://demo.globalads24.com/wp-content/uploads/2013/05/Picture131.jpg it doesnt cover the whole screen in stead it has still the background from regular pages on top and bottom you can see it here http://demo.globalads24.com/wp-content/uploads/2013/05/Picture17.jpg
3.) we also tested on different screen sizes and on smaller screen it covers the whole screen so here are the 2 screenshots (sorry these are different images as not sure where to get the code so can copy paste so added some other elements)
3.1 – 15-inch covers the whole screen http://demo.globalads24.com/wp-content/uploads/2013/05/Picture6.png
3.2 – 24-inch it does not stretch full screen http://demo.globalads24.com/wp-content/uploads/2013/05/Picture-16.png
so not sure how to re-create the original (1.3) so any tips would be appreciated
thx so much
jasmine
When viewing a post within a category, the link in the header links to the blog rather than the category. (the left link) Because of this, the selected category is not underlined in the main header. I’d like to change this so when you go http://jeutie.info/weightloss/how-it-all-started/ here, the left would say Weight loss, and in the header it would be underlined. (like it is here: http://jeutie.info/weightloss/) Is this possible? I’m guessing it has something to do with the code found in the single.php file.
if(avia_get_option(‘frontpage’) && $new = avia_get_option(‘blogpage’))
{
$title = get_the_title($new); //if the blog is attached to a page use this title
$t_link = get_permalink($new);
$t_sub = avia_post_meta($new, ‘subtitle’);
}[/CODE]
[B]ALSO[/B] I think my featured image is having a problem. It is not a nice square. Take a look here: http://jeutie.info/weightloss/how-it-all-started/ To add to that the text of the actual blog looks kind of blurry.
[CODE]if(avia_get_option(‘frontpage’) && $new = avia_get_option(‘blogpage’))
{
$title = get_the_title($new); //if the blog is attached to a page use this title
$t_link = get_permalink($new);
$t_sub = avia_post_meta($new, ‘subtitle’);
}[/CODE]
ALSO I think my featured image is having a problem. It is not a nice square. Take a look here: http://jeutie.info/weightloss/how-it-all-started/ To add to that the text of the actual blog looks kind of blurry.
Glad we could help :)
Let us know if you have any other questions or issues.
Regards,
Devin