Hey there donna_83,
Hope you’re well today!
I’m not exactly sure what you mean but if you’re referring to slider not having full width on your home page http://screencast.com/t/qD8ehevg then this should be possible to fix with some custom CSS.
The reason this is happening is that the slider has maximum width set to 1163px. You can change that by adding the following CSS code in the style.css file of your child theme or add it in your site using the following plugin:
http://ww.wp.xz.cn/plugins/simple-custom-css
.metaslider.metaslider-nivo.metaslider-284.ml-slider {
max-width: 1300px !important;
}
Normally I wouldn’t suggest the use of the !important declaration. However, it can sometimes be a necessary evil when over-writing existing styles. You can find more info about the use of important declaration here:
https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception
Hope this helps 🙂
Best regards,
Bojan
what is a child theme? i see it mentioned but have no idea what it is? im early days into coding etc
Putting this code into the stylesheet will fix my issues with IE and chrome? browsers drive me crazy nothing is ever the same!
thanks so much for your help this is my third post and youre the first person to repond, my other problems were different.
thank you ill let you know if it works
donna x
hiya bojan, Im afraid it hasnt worked 🙁
I used the plugin you suggested to put it in.
Thanks though your help is much appreciated x
Hey again Donna,
You can find more info in the link I provided. Basically child theme is a “different” theme which you activate separately but it pulls all the styles and functions from the parent theme (the them that you’re using).
The reason why it is suggested so much is because you can make modifications to your child theme and when you update your parent theme your modifications will stay saved in the child theme which is not the case if you edit core theme files.
Alternatively you can use plugin I suggested to insert custom CSS code such as the one I provided. When installed and activated you can insert the code in Appearance >> Custom CSS. This way your custom CSS will be saved when you update the theme.
Hope this makes sense 🙂
Best regards,
Bojan
ahhh yes ok i did look into your link.
thank you.
the css you suggested didnt work, any other ideas?
Hey again Donna,
Where are you adding the code? I can’t see it when inspecting the site. Could you please paste your custom CSS so I can take a look?
If you have a lot of custom code please use pastebin.
Best regards,
Bojan
i added the code with the plugin you suggested, the code is exactly how you sent it to me.
if i were to put it into t css myself where should it go?
You are my angel xxxxx
I copied and pasted it again and its worked must have missed something earlier its working!!!
you are awesome, thank you so much.
My featured image is doing the same but i think ive caused that myself by playing with css.
featured image is currently on
http://www.accommodationkent.com/kent/?page_id=127
I have uploaded a new style.css, its now working with IE just chrome to sort out now
Hey Donna,
Thank you for such kind words 🙂
As for the featured image issue I’m not really sure what you mean, I’ve checked the link that you’ve posted and this is what I’m seeing in Chrome http://screencast.com/t/URL98wz2m6Q.
Am I missing something? Maybe this is just and issue with cache, please try clearing browser cache and then check for changes.
Hope this helps 🙂
Cheers,
Bojan
