Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 23, 2014 at 11:46 am #372032
    spheor

    Hello,

    Thanks for great site and support.
    My client wants 2 instances of accordion toggle for FAQ and wants a diff color for the collapsed visible text title in each case.
    please show me quick CSS for 2 different page ids to use.

    Could I also ask (again per page) for the CSS for the hover over gallery main image (enlarge icon background color)

    Thanks
    S

    December 23, 2014 at 4:28 pm #372097
    Yigit

    Hi spheor!

    1- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-302 p.toggler.activeTitle {
background-color: orange !important;
color: white !important;
}
.page-id-302 p.toggler {
background-color: red !important;
color: white !important;
}

    You can adjust the code for the second page by changing the page id.
    2- Selector is following 

    .image-overlay { }

    If you can elaborate, we can help you better.

    Cheers!
    Yigit

    January 5, 2015 at 3:02 pm #375084
    spheor
    This reply has been marked as private.
    January 6, 2015 at 4:56 am #375465
    Andy

    Hey!

    use this in Quick CSS:

    .main_color .primary-background, .main_color .primary-background a, div .main_color .button, .main_color #submit, .main_color input[type='submit'], .main_color .small-preview:hover, .main_color .avia-menu-fx, .main_color .avia-menu-fx .avia-arrow, .main_color.iconbox_top .iconbox_icon, .main_color .iconbox_top a.iconbox_icon:hover, .main_color .avia-data-table th.avia-highlight-col, .main_color .avia-color-theme-color, .main_color .avia-color-theme-color:hover, .main_color .image-overlay .image-overlay-inside:before, .main_color .comment-count, .main_color .av_dropcap2, #top #wrap_all .main_color .av-menu-button-colored > a .avia-menu-text, .main_color .av-colored-style .av-countdown-cell-inner, .responsive #top .main_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .main_color .av-open-submenu.av-subnav-menu li > ul a:hover {
background-color: violet;
}

    Cheers!
    Andy

    January 7, 2015 at 10:32 am #376039
    spheor

    Thanks Andy

    However I only want the image overlay affected AND only for one page so please point out specifically the relevant part.
    Thanks
    S

    January 7, 2015 at 3:05 pm #376161
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .page-id-605 .image-overlay.overlay-type-extern .image-overlay-inside:before {
background-color: violet;
}

    You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

    Best regards,
    Yigit

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