Announcement

Collapse
No announcement yet.

Trouble Targeting Genisis eNews Extended in Simple Sidebar

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Trouble Targeting Genisis eNews Extended in Simple Sidebar

    I'm starting to feel like real idiot over here. This question is closely related to my previous Thread: CSS Syntax Advice to Target a Sidebar Widget by id.

    The solution that SiGa provided in that thread:
    Code:
    .sidebar.widget-area #text-2.widget
    surprisingly hasn't correlated with targeting the Genisis eNews Extended in Simple Sidebar.

    Unfortunately the page where I am having the issue is still an unpublished draft. However, I am successfully targeting the CSS Styles of the Genisis eNews Extended in a Primary Sidebar on another page on the site By Subliminal with the following CSS:

    Code:
    /* PRIMARY SIDEBAR SUBSCRIPTION WIDGET
    -------------------------------------*/
    
    
    .sidebar-primary.widget-area .enews #subscribe {
        margin: 20px 15px 0 10px !important;
    }
    
    .sidebar-primary.widget-area .privacy-notice {
        font-size: 80% !important;
        line-height: 140% !important;
        padding: 15px 20px 12px 20px !important;
    }
    
    .sidebar-primary.widget-area .enews-widget input[type="submit"] {
        background: #2880BB !important;
        border: 2px solid #2880BB !important;
    }
    
    
    .sidebar-primary.widget-area .enews-widget input:hover[type="submit"] {
        color: #FFF !important;
        background: #3498DB !important;
        border-color: #2880BB !important;
    }
    
    .sidebar-primary.widget-area .enews .security-seal {
        max-width: 90% !important;
        margin: 0 40% 0 40% !important;
    }
    So, I've attempted to replace the (.sidebar-primary.widget-area) with the (.sidebar.widget-area) and even attempted like you can see below:

    Code:
    WORKING TARGETING ON PRIMARY SIDEBAR WIDGET —
    .sidebar-primary.widget-area .enews-widget input:hover[type="submit"] {
        color: #FFF !important;
        background: #3498DB !important;
        border-color: #2880BB !important;
    }
    
    ATTEMPTED TARGETING ADJUSTMENT NOT WORKING — body.page-id-3634 .sidebar.widget-area .widget .enews-widget input[type="submit"] {
        background: #2880BB !important;
        border: 2px solid #2880BB !important;
    }
    Maybe I'm just having a couple of brain dead days, here but no matter what I've tried the solution eludes me.


    Really appreciate any light that you may be able to shed on this!


    Thanks




Working...
X