thePleasurePrincess

Hey!

Did anyone tell you how freak’n awesome you guys are ??

I deleted then re-installed a fresh copy of 3.0.2, but the SELECTED buttons had a light gray background.

Your changes make the settings more intuitive, but …

Using the FireFox Inspector I tried this:

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover {
background-color: rgb(140, 193, 82);
border-color: rgb(204, 209, 217);
}
.btn-default, .btn-default.disabled, .btn-default[disabled] {
background-color: rgb(0, 0, 0);
}
.btn-default {
color: rgb(255, 255, 255);
border-color: rgb(170, 178, 189) !important;
}

Those changes match your product pics perfectly but of course the Inspector doesn’t change your code.

Would you consider changing your css to something like that?

• This reply was modified 7 years, 1 month ago by thePleasurePrincess. Reason: added bw css

Yes. It updated properly.

Thank you so much!

• This reply was modified 7 years, 1 month ago by thePleasurePrincess. Reason: resolved

I’m re-posting as I originally submitted this as part of an earlier RESOLVED post.

Unfortunately there maybe a small issue with your recent patch.

I’m now getting the following notifications (removed css tags and abbreviated the url):

Warning: session_start(): Cannot send session cookie – headers already sent in /home/…/wp-content/plugins/advanced-post-search/advanced-post-search.php on line 61

Warning: session_start(): Cannot send session cache limiter – headers already sent in /home/…/wp-content/plugins/advanced-post-search/advanced-post-search.php on line 61

Unfortunately there maybe a small issue with your recent patch.

I just got the following notification (removed css tags and slightly abbreviated):

Warning: session_start(): Cannot send session cookie – headers already sent in /home/…/wp-content/plugins/advanced-post-search/advanced-post-search.php on line 61

It works again!

Thank you so much.

Awesome plugin. Even more awesome and diligent, yet ruthless, bug squishers.

Nothing on the site has been changed for days. Before that, only posts. The last time any theme page code changes were made was close to a year ago.

Your SerachIQ plugin has been working for months, fantastically and flawlessly!

If it helps, here is the entire navigation-top.php code:

<nav id=”site-navigation” class=”main-navigation” role=”navigation”>
<button class=”menu-toggle” aria-controls=”top-menu” aria-expanded=”false”><?php esc_html_e( ‘Menu’, ‘affinity’ ); ?></button>
<?php wp_nav_menu( array( ‘theme_location’ => ‘top’, ‘menu_id’ => ‘top-menu’ ) ); ?>
</nav><!– #site-navigation –>
<div class=”search-content container”>
<form action=”<?php echo home_url(); ?>” method=”get” class=”my-search”>
<input type=”text” name=”s” class=”<?php echo $class; ?>” value=”<?php echo $search_string; ?>” placeholder=”<?php echo __(‘Search’, ‘affinity’); ?>”/>
</form>
</div>

*SOLVED* Sub Menu Issue

Here is a solution I came up with to make the Affinity theme child menus open to the left.

Add this to the Child theme css or other external css file you use for styling.

/* Open child menus on left */
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    left: auto;
    right: 100%;
}
/* Clear sub-menu symbol from right side */
.main-navigation ul ul li.menu-item-has-children > a::after, .main-navigation ul ul li.page_item_has_children > a::after {
    content: "";
    display: none;
}
/* Add sub-menu symbol to left side */
.main-navigation ul ul li.menu-item-has-children > a::before, .main-navigation ul ul li.page_item_has_children > a::before {
    content: "\f104";
    color: rgb(255, 159, 231);
    text-shadow: none;
    font-family: Genericons;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin: 0 0.4 0 0em;
    padding: 0;
    line-height: 1;
    display: inline-block;
    vertical-align: text-top;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-font-smoothing: antialiased; 
    left: -9em;
}
.main-navigation ul li {
    list-style: none;
}

If you need to style the sub menus you can add this to the bottom of that css:

.sub-menu li a {
    color: rgb(0, 0, 0) !important;
    font-style: normal !important;
    font-family: Raleway !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}
.sub-menu li:hover, .sub-menu li a:hover {
    color: rgb(0, 0, 0) !important;
    background: rgb(193, 253, 255) !important;
}
.sub-menu li:active {
    background: rgb(201, 253, 255);
}

*SOLVED* Sub Menu Issue

/*open child menus on left */
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    left: auto;
    right: 100%;
}
/* clear sub menu symbol from right side of menu item */
.main-navigation ul ul li.menu-item-has-children > a::after, .main-navigation ul ul li.page_item_has_children > a::after {
    content: "";
    display: none;
}
/* add sub menu symbol to left side of menu item */
.main-navigation ul ul li.menu-item-has-children > a::before, .main-navigation ul ul li.page_item_has_children > a::before {
    content: "\f104";
    color: rgb(255, 159, 231);
    text-shadow: none;
    font-family: Genericons;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    margin: 0 0.4 0 0em;
    padding: 0;
    line-height: 1;
    display: inline-block;
    vertical-align: text-top;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-font-smoothing: antialiased; 
    left: -9em;
}
.main-navigation ul li {
    list-style: none;
}

1) This can be added to Child Theme css or any other overriding css file.

2) Modify styling as needed

3) Here is some of the child menu css styling you can modify. If needed, add to the end of the css above:

.sub-menu li a {
    color: rgb(0, 0, 0) !important;
    font-style: normal !important;
    font-family: Raleway !important;
    font-weight: 700 !important;
    text-shadow: none !important;
}
.sub-menu li:hover, .sub-menu li a:hover {
    color: rgb(0, 0, 0) !important;
    background: rgb(193, 253, 255) !important;
}
.sub-menu li:active {
    background: rgb(201, 253, 255);
}

[SOLVED]
This Incredibly-Awesome plugin was not the issue
I had unwittingly amended mt htaccess file with:

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?SiteNameRemoved.com [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

<files ~ “^.*\.([Hh][Tt][Aa])”>
order allow,deny
deny from all
satisfy all
</files>

That code also broke many site functions!

Oh, and that code came from –9 Most Useful .htaccess Tricks for WordPresS

Seems they forgot to prepend UN to Useful ;(