• Resolved Chuckie

    (@ajtruckle)


    Hi, I notice that 5.6.0 now has new settings for styling the subscribe / unsubscribe buttons.

    At the moment I am using this custom CSS in my own file:

    #bbpress-forums a.subscription-toggle:link,
    #bbpress-forums a.favorite-toggle:link {
        border: solid 1px #248ed0;
        color: #fff;
        background: #248ed0;
        padding: 8px 25px 8px;
        font-size: .86666667em;
        line-height: 1.384615em;
        margin-top: 5px;
        margin-bottom: 5px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: normal;
    }
    #bbpress-forums a.subscription-toggle:hover,
    #bbpress-forums a.favorite-toggle:hover {
        color: #248ed0;
        border: solid 1px #248ed0;
        text-decoration: none;
        background: #fff;
    }

    I am wondering if there may be an advantage this to make use of the new BSP settings or leave things as they are?

Viewing 9 replies - 1 through 9 (of 9 total)
  • @ajtruckle – absolutely!

    Change the targeted selectors in your CSS code:

    From:

    #bbpress-forums a.subscription-toggle:link,
    #bbpress-forums a.favorite-toggle:link
    
    &
    
    #bbpress-forums a.subscription-toggle:hover,
    #bbpress-forums a.favorite-toggle:hover

    To:

    aj-topic-buttons
    
    &
    
    aj-topic-buttons:hover

    The rest of the CSS can stay the same.

    Then in the “Topic/Reply Display” tab, for the new #26 option, select “Use class” and set “aj-topic-buttons” as the class name.

    I’m going to mark this as resolved, but feel free to post here if you have any issues or questions.

    Thread Starter Chuckie

    (@ajtruckle)

    It doesn’t seem to be working @codejp3 . See my usual website forum that you have checked before. I used trucklesoft-topic-buttons. But now no styling displays.

    • This reply was modified 1 year, 8 months ago by Chuckie.
    Thread Starter Chuckie

    (@ajtruckle)

    My fault. Forgot to reset Autoptimize.

    ??

    As usual, let us know if you run into any other issues.

    @optimizingmatters – is there a function or hook we can utilize to flush/reset AutOptimize when users make style changes using our Style Pack plugin?

    It sure would be a nice touch to automatically do this for our plugin users whenever needed, and would cut down on some “it’s not working” support topics (no offense to @ajtruckle and not single him out, it’s a common reoccurring theme if you check our support topic history).

    @ajtruckle – Good news! I was able to get a class method that I we can use to force AutOptimize to reset its’ cache.

    I’ve implemented this into the next upcoming release of Style Pack.

    You get to be the official guinea pig for thoroughly testing this. ??

    I’ve already tested it and can confirm that AutOptimize is clearing its’ cache whenever any settings are changed that regenerate CSS/JS files, but I’m mainly interested in if you ever run into ANY situation where you make a change to Style Pack, but STILL HAVE TO do a manual reset of AutOptimize. Thanks in advance for your feedback!

    This new version should be released sometime this weekend.

    Thread Starter Chuckie

    (@ajtruckle)

    Thank you. ??

    @ajtruckle – 2 things real quick

    1.) Version 5.6.1 has been released which includes the auto-cache clearing functionality. If you EVER find that you still have to manually clear cache, I’d love to hear when/where/why you had to do so.

    2.) I used your code snippet for custom CSS to test the exact scenario you had to manually clear AutOptimize, and while doing so I noticed some tweaking to your CSS snippet that I had to do to make it work exactly as expected. Here’s a revised snippet that you may want to also apply to your site:

    .trucklesoft-topic-buttons, 
    #bbpress-forums a.trucklesoft-topic-buttons, 
    #bbpress-forums a.trucklesoft-topic-buttons:visited  {
        border: solid 1px #248ed0;
        color: #fff;
        background: #248ed0;
        padding: 8px 25px 8px;
        font-size: .86666667em;
        line-height: 1.384615em;
        margin-top: 5px;
        margin-bottom: 5px;
        display: inline-block;
        text-transform: uppercase;
        font-weight: normal;
    }
    
    .trucklesoft-topic-buttons:hover, 
    #bbpress-forums a.trucklesoft-topic-buttons:hover {
        color: #248ed0;
        border: solid 1px #248ed0;
        text-decoration: none;
        background: #fff;
    }	 

    Cheers!

    Thread Starter Chuckie

    (@ajtruckle)

    Thank you @codejp3 . I have updated the plugin and the CSS as per your suggestion. I will let you know if I encounter issues.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Styling Subscribe / Unsubscribe’ is closed to new replies.