Tagged: , , ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 15, 2015 at 9:56 pm #411759
    jackbogdan

    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?
    — Category

    I 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 #412482
    Yigit

    Hi 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,
    Yigit

    March 17, 2015 at 3:32 am #412737
    jackbogdan

    Hi 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,
    Jack

    March 17, 2015 at 3:51 am #412741
    jackthepilot

    The 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 #412749
    jackthepilot

    Is there any way to overlay some text (different font style, color, size etc.) on top of the Full Screen Slider?
    Thank you

    March 17, 2015 at 10:28 am #412827
    jackbogdan

    I 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,
    Jack

    March 18, 2015 at 4:40 am #413353
    Rikard

    Hey!


    @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!
    Rikard

    March 18, 2015 at 4:59 am #413365
    jackthepilot

    Sure, here is it: http://www.xkinga.com/issues/Issue.jpg

    Menu Glitch

    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 #413866
    Elliott

    Hey!

    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

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.