-
AuthorPosts
-
March 15, 2015 at 9:56 pm #411759
Hi all,
I want to be able to target specific elements in my Masonry based on Class.
<a href="http://URL.com" class="post-220 action type-action status-publish has-post-thumbnail hentry category-space av-masonry-entry isotope-item av-masonry-item-with-image av-masonry-item-loaded" title="Map The Surface of Mars" itemscope="itemscope" itemtype="https://schema.org/CreativeWork" style="position: absolute; left: 596px; top: 0px;">
Each Masonry entry on my site has a class for…
— Post Number
— Custom Taxonomy (ex. action)
— Custom Taxonomy (ex. type-action)
— Publishing Status
— Post Thumbnail Y/N?
— CategoryI want to be able to apply specific CSS rules based on the custom taxonomy class or category class.
March 16, 2015 at 7:43 pm #412482Hi Jack!
You can target them using following code in Quick CSS in Enfold theme options under General Styling tab
.home .post-220 { opacity: 0; }
Regards,
YigitMarch 17, 2015 at 3:32 am #412737Hi Yigit,
This works great for the homepage, but it doesn’t apply to other pages. How would I target these masonry elements on a different page?
Thanks,
JackMarch 17, 2015 at 3:51 am #412741The content of my pages is over lapping with my menu please check http://xkinga.com/pens/ and http://xkinga.com/blog/ I need to keep the transparent and glassy header to keep my transparency. Please help, thank you
March 17, 2015 at 4:20 am #412749Is there any way to overlay some text (different font style, color, size etc.) on top of the Full Screen Slider?
Thank youMarch 17, 2015 at 10:28 am #412827I solved it! I found where you pulled the .home class and spotted the .single and .page class on the other posts / pages.
Thanks for your help,
JackMarch 18, 2015 at 4:40 am #413353Hey!
@jackbogdan, great! Glad we could help :)
@jackthepilot: I’m not entirely sure what you mean, could you provide us with screenshots highlighting your issue please?Cheers!
RikardMarch 18, 2015 at 4:59 am #413365Sure, here is it: http://www.xkinga.com/issues/Issue.jpg
All you need to do is to go to http://xkinga.com/pens/ and http://xkinga.com/blog/ and you’ll see the problem right away.
Thank you
March 18, 2015 at 6:29 pm #413866Hey!
Did you add this to your custom CSS?
.html_header_transparency #main { padding-top: 0 !important; }
If so then remove it to fix the layout issue your seeing.
Otherwise try completely deleting Enfold from your WordPress theme directory before downloading + uploading a fresh copy.
Regards,
Elliott -
AuthorPosts
- You must be logged in to reply to this topic.