I now have a screenshot for the homepage showing the chopped off image on a 15.6″ windows laptop:
BSAB home page with featured image chopped off on right
Also noticed another couple of issues – The featured image has a black dot in the centre at the bottom (I assume this is because I just have 1 slider image?). How can I get ride of this?
Here’s the screenshot of this: BSAB featured image with black dot in centre at foot of image slider
Also noticed that when you hover over the Featured Slider Image it always displays the text “Featured Image-1”. How do I get ride of this text?
Sorry, lots of questions. I hope you can help.
I have had reports that the Featured Slider image is cropping part of the right hand side of the photo when the site is viewed on a 15.6″ laptop running windows and IE11.
I’ve checked the site using developer tools emulations on all devices and sizes available, and everything looked ok. So surprised now that the slider image doesn’t display properly on some laptops.
I knew there would be a white area if displayed on a 19″ screen but just left this for now.
Can you help identify why slider is displaying incorrectly on some IE11 browsers please.
my site is http://www.bsab.co.uk
I found a work around for the Feature Slider issue I’m having. It appears that it is specific to using Feature Page Slider. I have set it up using Featured Image Slider instead of pages, and that appears to work. But it also means that when I change to my real URL, I’ll need to go in and update all the links.
Oddly enough, if I switch to the Demo Feature Slider, that works. It’s when I set it to Feature Page Slider, so that it will use my pages and the featured image in each page that it does not work.
@metsis: Yes when you decrease the size of featured images in the courses slider the height will automatically decrease.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
#courses-section .featured-image img {
height:120px;
}
Let me know if this solves your issue.
Regards,
Skandha
Hello,
I was building my website using the free Clean Business theme, but found I really wanted to have more control over my fonts, colors, and where my widgets appear, so I purchased the PRO version. After doing so, the Feature Slider stopped working. I had it set on my homepage to slide through the different pages on my website, and it was all working fine in the free version, but as soon as I went with the pro version, the area where the featured pictures should be displayed was just black – no picture, no text, no button. I tried re-adding the featured images on my pages, but that didn’t work. If I switch back to the free version, it’s all there and working fine. Please help!
Also, I really really really dislike the red color that was the default hover and button color on the Clean Business theme. This is one of the reasons I went with the pro version. I have changed that color in all of the color option areas and find that it is still the hover color on the main menu and on the social media icons.
My website’s not live yet, but you can look at what I have here.
http://c7z.eda.myftpupload.com/
I am not a programmer or overly technical person, but I’m pretty good at figuring things out. In other words, please answer in layman’s terms as much as possible. Thank you.
Very, very close now.
1. When you are on a page other than the home page (which has the featured slider), the image in the promotion is slightly cut off at the top. Actually, I just checked the landscape view on mobile … it is cut off quite a bit there. Might have to do with my logo … let me know if I need to create a new topic for this.
2. When you shrink the width of the page so that the left/right sections of the promotion are stacked, the left section only takes up the width specified by “#promotion-message .left” css you gave (which does fix the look for when the left/right sections are next to each other). This is especially odd-looking on mobile devices.
Here’s the relevant additional css I have so far. Note that I adjusted the width from 75% to 60% and I’m also including the logo css in case that is related to the image getting cut off. Let me know if you need to me to post all my additional css. Thanks!
/* Fix problem with left/right Promotion Headline widgets */
.section.left {
float:left;
}
.section.right {
float:left;
}
.promotion-button.roll-button.more-button {
margin-top:10px !important;
}
#promotion-message .left {
width:60%;
}
/* Shrink logo when scrolled */
.float-header #site-logo img {
width: 200px;
transition: all 0.5s ease;
}
Hello!
I want to make the height of the course carousel, slider less. If I make all my course featured images ,say, 120 px height, will it adjust automatically or do I need to tweak the code somewhere?
Pointers appreciated.
@catwingz: To display tagline underneath the site logo and to hide the site title.
Go to => Appearance => Site Identity => Check the Display Site Title and Tagline option.
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
@media screen and (min-width:1023px) {
#site-logo {
position:relative;
left:-265px;
}
.site-description {
padding-top:95px
}
}
.site-title {
display:none;
}
You seem to have hidden the Testimonial Slider Title using additional css
Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
#testimonial-section #featured-heading {
display:block;
}
To change the testimonial slider speed you will have to create a child theme and make changes to core theme files. Let me know if you are comfortable with child theme customizations.
When you open your site from mobile and press the phone number it automically asks if you want to make call to that number.
The Footer Contact Info option is only available in the pro version of the theme. I suggest you to upgrade to pro. You can check out the additional-features available in pro version of the theme.
Let me know if this solves your issue.
Regards,
Skandha
@eventuality: To change the displayed text on slider you can better use the Featured Image Slider as the slider type.
Go to => Appearance => Customize => Featured Slider => Select Slider Type => Select Featured Image Slider Option
Then you can add image to the slider and write the text displayed in the slider in the title and content section. Then you can insert the URL of the page/post to link the slider image to the post/page.
Let me know if you are still not clear about it.
Regards,
Skandha
no, i mean to change the displayed text/ content. I`d like to add custom text which is not displayed on the site the featured slider is linked to.
regarding the dots, i`ll try out your suggested solution.
@catwingz: Go to => Appearance => Customize => Additional CSS and add the following CSS Code.
.testimonial_slider_wrap .featured-image {
display:none;
}
Let me know if this solves your issue.
Regards,
Skandha
@eventuality: Do you mean to change the font of the text in the featured slider? If yes let me know which font do you want to use and I shall provide you the necessary CSS Code.
About the slider dots issue
Please try doing a fresh installation of the theme and deactivating all plugins. Follow this link to know more about plugin conflict with our themes. Let me know if the problem still persist.
Regards,
Skandha
Hi, In the free version of Decree is it possible to disable the featured image in the testimonials slider?
thank you
The area between the featured slider and the featured content is transparent. How can I make it brown? I toggle the CSS codes on and off and it has no affect over the styling. The website is cwlabradors dot com
Thanks
Hi everybody,
I’m actually facing a problem by using Site Origin Page Builder to create my own pages.
The trouble ist that, until the last update of SiteOrigin (V. 2.6.3), the featured images I selected don’t appear anymore on the Slider on my Homepage.
When I load an Archive of my Page with an older version of SiteOrigin, no more problem.
I tried till hours to fix the problem, but no way to find a solution. Is there anybody who is facing the same problem who can help me ?
Thanks in Advance for your help
Flo
I d simply like to change the displayed text in the featured slider to a custom text for my three featured sites, without changing the text of the sites. But i can`t find any option for this.
Can someone help me? It’s been a few days and i’d like to get this fixed.
When I view the image in the theme configuration by choosing appearance -> customization -> Featured slider i can inspect the element and see it’s using the thumbnail image
<img class="attachment-thumb" src="https://www.outsidesuburbia.com/wp-content/uploads/2016/02/IMG_3292-1024x439.jpg" draggable="false" alt="">
but when i view the website, all the slider images and category images are the hi-res image – not the thumbnail generated image. I’ve regenerated all thumbnails. Running latest version of theme and i’ve cleared cache and disabled jetpack cdn so they should be served from my server.
These would be the slider images and the featured posts images that i’m having problems with.
Thanks for your reply.
I am not sure what you mean by saying it is working fine at your end. Can you see on my page that the latest posts content is not showing?
I have done what you said, and I still don’t see it.
Also, to be clear, I have no issues with the featured slider.
