Hello guys.
Cannot get the carousel working properly. The issue is – Featured Images. After adding a featured image to a page I see a big blank space in the beginning of the page. I need to scroll down to see an article. I tried EVERY CSS code you offered here to ‘not display’ a featured image – noting works. Still the same large blank space in the very beginning of each article. Any idea what is going on ?
My idea is to add a featured image to each page, make them not visible on those pages BUT visible in the carousel.
Thank you.
Hi Beluckyinlove,
Do you have a public URL where we can take a look at your setup? This will allow me to write CSS to hide the featured images on posts (but still allow them to show up in the carousel).
Hi Alex.
My name is Alex (Alexandra) too!
My website is http://www.beluckyinlove.net . Your expertise would be very much appreciated.
Happy New Year!
Hi Beluckyinlove,
Happy New Year! :)
I can’t seem to find a page where this issue occurs. Would it be possible for you to link me to a page where the problem is present? Sorry about this!
Hi Alex!
http://beluckyinlove.net/personality-types-brief-mbti-overview/
Here is the link to the page. The large big blank space in the beginning is a 'featured image' that will not display. At the bottom of the page you will see a beautiful carousel with images.
Can we make those large blank featured images to not display please? Seems like an easy solution but I am not an IT person. Thank you Alex.
Alexandra/ USA
Hi Alexandra,
You can change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
.tesseract-featured .entry-content { margin-top: 0 !important; }How does that look?
You might also need to install the SiteOrigin CSS Editor.
Wow! That certainly worked like a charm, thank you Alex so much,I owe you a dinner!. One more thing: is there some way to change color of those 2 small "<" and ">" from bold black to #545352? [image: Inline image 2]
Thank you for your expertise! Will post a 6 star review!
Alex(Alexandra)
Hi Beluckyinlove,
We’d like to help you, but can you please start a new thread with your question? This will allow others who have similar issues to find related posts easily. Sorry about this!
Page: New Thread
If you’re a premium user, you’re entitled to priority email support. If you would like to make use of that please follow the instructions found on this page.
Also, Alex, any idea why my 'preview' shows images AND names of corresponding articles/posts but the actual page itself displays carousel with images only? Somehow names of those posts are missing. Is it a bug,
what do you think? ~ Regards, Alexandra.
Hi Beluckyinlove,
This appears to be due to you not using the WordPress titles and instead creating your own. To clarify, the carousel pulls from the WordPress title and, sadly, cannot be changed to pull from elsewhere. For reference, the title field you need to fill in is this:
If that field isn’t empty, what are you using to hide that? Maybe consider running a plugin conflict test to try and work out what’s hiding it if you’re not too sure.
Can you try disabling all non-SiteOrigin plugins and see if this fixes the issue? You’ll need to clear all your caches after disabling your plugins.
If it does fix the issue, then try re-enabling your plugins one by one until the issue comes back. This procedure will help diagnose which plugin is causing the issue.
Once we know that, we’ll be able to look at what might be causing the conflict and either solve the problem or help you find an alternative plugin.
If you aren’t using a SiteOrigin theme, then you can also try temporarily switching to one of the default WordPress themes to see if the issue is theme related.
Hi Alex, not sure where I should post my answer, I am just about to give up on this whole thing.
I use plugin that hides titles. I do create my own custom made titles
(fonts,size, etc). Clicking on 'unhide title' gives me this:
http://beluckyinlove.net/personality-types-brief-mbti-overview/
The title is still not visible for the reason of the CSS that we added earlier ( to hide featured image). ( When there is no featured image added to a page I get two titles visible – the original one and a custom made by me)
Un-hiding title does help – my carousel displays images AND titles.
Unfortunately the page itself does not look good. There has to be some additional CSS to hide that large blank space on the top of the page.
thank you.
Hi Beluckyinlove,
Please add the following CSS to WP AdminAppearanceCustom CSS:
.entry-header { display: none !important }How does that look? That should remove the titles you were previously hiding with that plugin while allowing the Post carousel to function as desired.
It worked! Hopefully other readers will find this code helpful as well.
I also found some more CSS on your forum to style fonts (size,color,
family etc).
It looks good now.
Somehow, after all the CSS added (to hide featured images, to hide titles in one areas and to display in others, etc) to make our beautiful carousel finally work my built in 'search' feature stopped displaying titles of articles.
For example if you go to this page http://beluckyinlove.net/relationships/
and in the upper right corner enter "cheating" you will get separate paragraphs of articles without titles. Somehow they just get blended in with the articles. There used to be nice titles….
Would really appreciate your expertise to help me with this. Perhaps some more CSS needs to be added to display titles in search results? Does such a thing exist? Is it possible to fix it?
Thank you.
Hi Beluckyinlove,
Please add the following CSS to WP AdminAppearanceCustom CSS:
.search .entry-header { display: block !important; }You might also need to install the SiteOrigin CSS Editor.
thank you.it worked.
One more thing (hopefully the last one!) – the search function returns titles (thank you!) but colors of the titles got messed up. Is it possible to have a small CSS that helps to assign a needed color?
Thank you.
Hi Beluckyinlove,
Please use this selector:
.search h1.entry-title a { color: #0f0; }Hello everybody.
This widget does not seem to be mobile friendly.
Mobile users do not see <– and –> to scroll (right or left) through the list of articles on the carousel.
Hi Beluckyinlove,
Please add the following CSS to WP AdminAppearanceCustom CSS:
.sow-carousel-title a.sow-carousel-next, .sow-carousel-title a.sow-carousel-previous { display: block !important; }