closed not resolved
gggg
Member
Hello!
Can you help me?
On this page of my site ( http://b1image.com/pt/?page_id=565 ) I have a slideshow with 2 images, when it changes the image, the text under it moves a little bit up and down... Its a bit anoying when someone is reading the text... Im using Firefox! On IE the text doesn't move.
Thank you!
gggg
Member
Thank you for your help!
The good thing is your tip solve the text moving problem...
But the bad thing is that the slideshow on a full width page has an weird behavior. (www.b1image.com/pt)
I've modified the size of the slideshow from 930x340px (theme original) to 930x440px.
Can you please help me solve the problem?
Best regrads
GGGG
Hi gggg,
You need to add this to your CSS.
#top #slideshow_big .slideshow_container {
padding-bottom: 0px;
}
#top .slideshow_container {
height: 440px !important;
}
#top .slideshow_container {
padding-bottom: 0px;
}Just make sure if you have the #top .slideshow_container already in your custom CSS you remove it before adding the code above.
Regards,
Mya
gggg
Member
Thank you for your help!
Your tip solved the text from moving. But now in the pages with right sidebar, the text under the slideshow/featured image has a big blank space like in: http://b1image.com/pt/?page_id=565.
Thank you
Unfortunately there's no general way to fix this. You can use the body page-id class to adjust the slideshow height for each page but this requires a lot of work. Eg if you just want to adjust the slideshow height on this page: http://b1image.com/pt/?page_id=565 use following code:
#top.page-id-565 .slideshow_container {
max-height: 440px !important;
}instead of:
#top .slideshow_container {
max-height: 440px !important;
}Hi gggg,
This is going to be a shot in the dark but what if you combined the height and the max-height. So it would be:
#top .slideshow_container {
height: 440px !important;
max-height: 440px !important;
}Regards,
Mya
gggg
Member
Thank you for your shot...
But the text is moving and it makes appear an extra space between slideshow and the page contents.
I have this on my quick CSS:
.main_menu {
float: right;
position: relative;
top: 25px;
z-index: 100;
padding-bottom: 20px;
}
#top .gallery .gallery-item{
margin:1px 1px 0 0;
width:231px;
height:231px;
padding:0;
}p.pp_description {
display: none !important;
}
div.ppt {
display: none !important;
}
tr:nth-child(2n+1) td, tr:nth-child(2n+1) th {
background-color: #FFFFFF;
}
#top #slideshow_big .slideshow_container {
padding-bottom: 0px;
}
#top .slideshow_container {
height: 440px !important;
max-height: 440px !important;
}
Ismael
Moderator
Hello,
Open your functions.php then change find this line.
$avia_config['imgSize']['post-format-image'] = array('width'=>630, 'height'=>999, 'crop'=>false); // big images for post format image and gallery posts
replace it with
$avia_config['imgSize']['post-format-image'] = array('width'=>630, 'height'=>400, 'crop'=>true); // big images for post format image and gallery posts
You can change the height as you see fit. Note: Uploaded images will be cropped to the exact height that you assign.
Regenerate the thumbnails.
Regards,
Ismael
not sure if I can somehow resolve this issue, i know why its happening (some rounding differences when calculating the image height) but it might be impossible to easily fix this. If I find a simple way the next theme update will have the option :)
This topic has been closed to new replies.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
