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
Hi scheinbs,
You can use a color section and define the background with that. Then add in your content inside that color section.
Alternatively, you could try Peter’s plugin: http://wordpress.org/extend/plugins/wp-backgrounds-lite/
Regards,
Devin
Hi,
We purchased a second license today for another website and we were showing people how to use it and then couldnt figure out how to make images the same size under grid layout for blog. We would like for pictures to be the same size here is a link http://babyblueshelp.com/blog
thx
jasmine
Sorry I didn’t explain very well :)
I don;t want the actual image to be H1 as that wouldn’t make sense. I’d like my site name to be the H1.
Thanks
Hi Devin, I have a similar question. How can I go in and add additional code to a page that was built with the layout editor? For example, I need to be able to add a hover overlay to an image in my article. The hover class would need to be added to the image. If this can’t be done, it would be a big shortcoming to not be able to edit the code and limits possibilities. Thanks.
Hello,
For some reason, the content, including a LayerSlider image and the socket, don’t stretch to full screen, and instead appear boxed for some reason. All of my other pages look okay so far, but I can’t understand why the homepage is formatting differently. Any help would be appreciated.
Image: http://hollenberg.tv/wp-content/uploads/2013/05/footertrouble.png
Website: http://hollenberg.tv
Hi Alex,
The single posts come from the single.php file within the theme files. What you would need to do to remove it from there however, is instead of including the index loop, copy that loop to a new file and name it something lile loop-single.php. Then change the single.php to look for loop-single.php in the includes folder instead and customize that page however you want.
Regards,
Devin
Hi,
Have you also tried the CSS posted above by @meanster99 ?
Thanks,
Nick
Hi,
I’m sorry to insist, but I’m really struggling with this. I don’t see why if I have the possibility to choose a slideshow image size it won’t appear as I decided on my blog post.
I want to write an article, put an easy slider above it with the size square 180×180. Why when I click on that option my slider is as big as my blog space and the image is blurry?
Please…
Kind regards,
chrys
Also note the upwards pointing arrow at the bottom of image thumbnails. Nice to see that removed if there is no title and excerpt as I think it then serves no purpose other than to be purely cosmetic.
Hi,
When I want to insert an easy slider into a blog post I have those problems:
– the slider takes all the width from left to sidebar. Isn’t it possible to have a smaller one?
– In the option “Slideshow Image Size” I can choose different size but no matter what I choose it only change the quality of my image, not the size of the slideshow..What do I miss here?
What I actually want, is to understand how the “sideshow image size” works…and finally what I would like to be able to have is the same as in the demo theme http://kriesi.at/themedemo/?theme=enfold, have a slideshow element I can insert into a blog post.
Is that possible?
Kind regards
Chrys
Hi,
Use either clipular.com to send screenshots that you don’t need to alter. If you need to add something to screenshot, use https://chrome.google.com/webstore/detail/awesome-screenshot-captur/alelhddbbhepgpmgidjdcjakblofbmce for chrome. You can always add images and get a link on imgur.com
In the video when I always paste the css in Dev Tools at the end of existing css, all under the ‘Sources” tab, what I am doing is making sure that the css actually works since by pasting there, I am adding my changed css at the end of the cascade. When you change things under the “”Elements”” tab, you are virtually changing the css but in the position it is normally located in the cascade.
And no matter how well the Dev Tools have been written, there are situations where bad css and whatnot change things later in the cascade. Thus I don’t rely on my original changes in the ‘Elements”” tab and like to double check them before I paste and save the block of css into my site (or paste it here as an answer to a support request). Its a process of sculpting and tweaking the css to force it to obey.
*Ok lets end this support request since I think with the video and code, this train of thought is complete and will perhaps help others. That other thing you ask about, please open a new ticket since that should have its own discussion, you can add ”nick” as a tag.
Thanks,
Nick
Hi,
Your image points to a sidebar which can be set in Appearance > Widgets. On the right side are a number of sidebars and you would drag a widget on that page onto the sidebar you want.
Thanks,
Nick
Hi Patrick,
thanks for liking my site. Let`s see how to deconstruct these features:
1. NEUGIERIG GEWORDEN is a coloured section, set to alternate content and instead of using a bg color, i set a background image with:
Background Image Position: Center/center
Background Repeat: Stretch to fit
Background Attachment: fixed, added large padding and that´s it. I wanted the boxes to scroll on top of the image.
2. For the menu i am using the ubermenu plugin, but basically the structure is:
Item level 1 (triggers the flyout)
– item level 2 (like KINDERMUSIK or INSTRUMENTE)
— subitem 1 to level 2
— subitem 2 to level 2
— subitem 3 to level 2
– next item level 2
Hope, this is of some help for you.
Cheers, Sebastian.
Perfect!
Thank you for the support Ismael! I am really liking how fast things are coming together with this theme.
Good work!
-s
@glanmarizzi is correct. No matter what size you choose, it will enlarge the images to maximum size.
I put the following CSS, to reduce the size. I hope it doesn’t break anything else;
.avia-slideshow li img {
width: 65%;
}
hello,
here’s my scenario. i created a page with a blog component and set it as “single author, big preview pic”. the blog page looks fine with featured images. but once i click on an individual post (for example a video post), i want to only see the video player. but currently, it is duping the featured image above the video player. i would like to get rid of the featured image when it is a video post.
but when a post is an audio or just simple text post, i want to see the featured image at the top of the post when i click on the individual post. hope this makes sense
i’ve tried devin’s css code but that got rid of the featured image along with the video player.
please help.
thanks in advance,
chris
I would sure love that, I tried setting the featured image, that didn’t work. I really need this (opening wallet… head to paypal…) please?
-s
Hello,
I would like to removed the featured image from the top of posts / portfolio item pages. I want to keep the featured images on the blog and portfolio pages as thumbnails, but remove them from the posts and item pages. Is this possible?
I was also wondering if it is possible to format the size of the thumbnails on the blog page when in grid view to all be the same size? I don’t mind if images get cropped, I just would like them all to be the same dimensions (as it stands, some are square, some are rectangular).
My website is http://hollenberg.tv
Thank you for your time.
mirzepapa,
Nice page!
How did you get the background image at the bottom of your page where it says NEUGIERIG GEWORDEN?
And how did you get two lines of menus on the same column in the megamenu? Like under MUSIKUNTERRICHT.
I have got the live site at http://goo.gl/w3DRO You can see the problem if you scroll down to the bottom of the homepage in chrome, and look at the woodgrain background.
That’s very helpful Ismael. THANK YOU!!! Couldn’t figure that stuff out.
By any chance do you if it’s possible to make the light gray lines between menu items shrink to approximately the height of the text?
here’s an example of what I’m talking about: http://cl.ly/image/0Z2I2W442q2b
Thank you again!
– John
Hi,
It uses this thumbnail size.
$avia_config['imgSize']['gallery'] = array('width'=>710, 'height'=>575 ); // images for portfolio entries (2,3 column)
Change that to
$avia_config['imgSize']['gallery'] = array('width'=>666 , 'height'=>539 ); // images for portfolio entries (2,3 column)
This will resize it same size with the slider container assuming you have the same layout as this link http://kriesi.at/themes/enfold/portfolio-item/slider-two-third/.
Regenerate the thumbnails. Don’t use images smaller than the 666x539px.
Regards,
Ismael