search

bobbingwide / genesis-oik

oik-plugins theme
https://www.oik-plugins.com/oik-themes/genesis-oik/
GNU General Public License v2.0
0 stars 0 forks source link

Links in the FAQ accordion are not obvious #4

Open bobbingwide opened 8 years ago

bobbingwide commented 8 years ago

Any link in the FAQ accordion is displayed in dark gray.

It's not immediately obvious that it's a link.

Effective CSS is .ui-widget-content a { color: #222222/*{fcContent}*/; }from jquery-ui.css

The colouring, font weight or style should be overridden

See:

http://oik-plugins.co.uk/oik-plugins/oik-weight-zone-shipping/?oik-tab=faq

image

There are also 7 404's Failed to load resource: the server responded with a status of 404 (Not Found)

  1. ui-bg_flat_75_ffffff_40x100.png
  2. ui-bg_glass_65_ffffff_1x400.png
  3. ui-icons_454545_256x240.png - reported twice.
  4. ui-icons_888888_256x240.png
  5. ui-bg_glass_75_dadada_1x400.png
  6. ui-bg_glass_75_e6e6e6_1x400.png
bobbingwide commented 7 years ago

CSS to override the JQuery UI widget logic can be added to oik-custom.css

.bw_accordion .ui-widget-content a.bw_link {
    color: #6a6a2a; 
}

image

bobbingwide commented 7 years ago

Explanation of 404's

In local development I have a folder called jquery-UI in the themes directory which contains the different jQuery-UI themes. There is logic in the oik base plugin to enqueue a custom jQuery UI style file if the Custom jQuery UI CSS URL is set. See bw_jquery_enqueue_ui_theme().

site Custom jQuery UI CSS URL
qw/oikcom http://qw/wordpress/wp-content/themes/jquery-ui/themes/base/jquery-ui.css
oik-plugins.co.uk //oik-plugins.co.uk/wp-content/themes/genesis-oik/jquery-ui.css
oik-plugins.com //www.oik-plugins.com/wp-content/themes/genesis-oik/jquery-ui.css

For oik-plugins.co.uk and oik-plugins.com the 404's are produced since the jquery-ui.css file is loaded from the genesis-oik theme, the images are defined using a relative path of images, but the images are not in this folder.

Proposed solution

  1. Update to the latest version; v1.12.1 2016/09/14 from https://jqueryui.com/download/all/
  2. Check the latest version of jQuery-UI for the images that are loaded
  3. Copy image files if required.
bobbingwide commented 7 years ago

New version looks like this on oik-plugins.co.uk image