Hello !
I drop a new post here because, though I found out how to add my widgets above and under my post content, I have three new problems to deal with.
I am running the last WP version and my website is http://www.maelshanti.com/
Here’s a screen to show you my problem : [img]http://nsa33.casimages.com/img/2014/08/16/140816081415784494.jpg[/img]
(Link : http://nsa33.casimages.com/img/2014/08/16/140816081415784494.jpg )
Regarding to this screen…
1) How may I remove that white line ? I’ve noticed it’s due to an tag… That’s the most important point for me.
2) Is it possible for me to change the size of the images without changing their display size elsewhere ? So to change the size only for that widget ?
3) Also, can I reduce the margin here ?
Many thanks in advance for replying !
Best regards,
Maël.
As I still didn’t find anyway to edit my post, I’d just like to add a few things :
1) I was talking about an tag…
2) Just forget about it, I finally won’t use the carousel widget, so no need for any answer here
3) See another screen below, to show you why I talk about reducing the margin
4) Regarding to the screen below, is it possible to change that symbol ? It just makes an empty square, so I suppose it’s not normal and there’s a bug somewhere… ?
The new screen : http://nsa34.casimages.com/img/2014/08/16/140816085039346571.jpg
Once again, thanks for your support ! :)
(Okay, still seems to bug. The HTML tag I’m talking about in part 1 is an tag. Sorry for double posting…)
Ok, I don’t know why but I continue getting a bug. I was talking an ASIDE tag ;)
By the way, I found out after a long while how to remove the 1px white border, so that’s done !
Issues 3) and 4) still remain active though.
Also, regarding issue 4), do I have the possibility to remove the navigation rounds that appear on the inferior right corner of the slider on hover ?
Many thanks, and I’m really sorry for all those useless posts… You should consider an “Edit my message” function in your support forums, that would be very helpful. :)
Hi Maël
3. To decrease the margin below the slider on your home page try adding the following to a Custom CSS module like Jetpack Custom CSS and edit as required:
.widget_sow-slider { margin-bottom: -40px; }4. The font icon library creating a block instead of the icon is sometimes a caching issue. Please check that you aren’t running a caching plugin, if you are, clear your cache. If this doesn’t help, de-activate all non-SiteOrigin plugins and re-check for a change.
Hi Andrew,
3. If I add this to my file style.css, is it also okay ?
4. It doesn’t work… Blocks are still displaying insted of icons. Maybe can you just indicate me how to remove the arrows and the navigation inferior-right-cornered menu ? It’s okay for me to remove them simply if its easier…
3. It’ll need to be added to a Custom CSS module or the style.css of a child them to be upgrade safe.
4. There is potentially something blocking FontAwesome loading correctly. The icons are bundled with the theme. Another option is to temporarily de-activate all non-SiteOrgin plugins and check for a change.
Hi !
3. Okay, thanks then.
4. Well, I have to much efficient plugins so I prefer not to deactivate all that…
May I ask you how to remove completely all the navigation items (arrows + rounded menu with tabs) for the slider ?
Many thanks !
There is unfortunately no quick setting to disable the icons in use in that widget. Temporarily de-activating all other plugins to find a conflict is just temporary, if a conflict is found then you can see if you can find another plugin to do the job.
Okay, I’m gonna try and tell you if I have any conflict.
But if you could indicate me which lines to remove in the code, that would really help me too, as I feel disabling the navigation on the slider more than fixing it.
Thanks :)
Please confirm for me what needs to be removed. I need to see the blocks/broken icons before I can send the CSS to remove them. Even if you crete a demo page that’s fine.
Here is a screen of what I would like to remove : http://nsa33.casimages.com/img/2014/08/22/140822081620639285.jpg
And you can find the banner on this page : http://www.maelshanti.com
Thanks again ! :)
Try pasting the following into a Custom CSS module like the one bundled with WordPress Jetpack:
.sow-slider-base [class^=”icon-“], .sow-slider-base [class*=” icon-“] { display: none; } .sow-slider-base .sow-slider-pagination { display: none; }Hi !
I just tested your suggestions :
3) The margin was too important. So I tested a few things, and I noticed that adding these lines :
.widget_sow-slider { margin-bottom: 0px; }would fix my issue and display a normal space… So that’s it.
4) The two lines you suggested, so :
.sow-slider-base [class^="icon-"], .sow-slider-base [class*=" icon-"] { display: none; } .sow-slider-base .sow-slider-pagination { display: none; }worked partially. They removed the left/right icons but did not remove the bottom-left corner pagination. Any idea ? :)
Many thanks !
Try this instead. Thanks.
.sow-slider-base ol.sow-slider-pagination { display: none !important; } .sow-slider-base ol.sow-slider-pagination li { display: none !important; }It succesfully worked, many thanks to you ! That’s great ! :)
My issue is now completely resolved :)
Super; glad to hear that helped. All the best.