Blog styling and accessibility plugin…etc etc

[markmuz]

Hi folks,

would be grateful for your help with the following few bits.

1. My client has a lot of users who are elderly and so accessibility features such as being able to make text larger etc is pretty important to her. I’ve found this plugin https://wordpress.org/plugins/wp-accessibility/ but I’m a bit concerned that it will bugger up the appearance of the site. I just wondered whether there are any accessibility plugins that you could recommend?

2. The blog text styling options seems to be quite…erm, minimal and when I select for something to be in “quote” styling, it gives it this strange formatting where it makes it wider than the normal text. (see screenshot) I can give it some styling attributes via custom CSS but what styling would I give it, just to tell it to stay in the normal boundary alignment like the rest of the text?

3. Is there any way that I can add underlines to all links in the body text, but not to all the links everywhere, e.g. i dont want menu items to appear underlined.

4. …I have a global banner which you kindly gave me some CSS for so that it only appears on the shop page as desired, but when i am on a mobile sized screen, it appears on every page. Please can you give me the css to hide this for all screen sizes apart from on the main shop page.

Thanks for your time

Cheers

Mark

Attachments:

You must be logged in to view attached files.

[markmuz]

hey guys, I’m also having a really annoying problem on the custom CSS page.

it’s not letting me save any changes I make and brings up a dialogue box saying “There was a problem with your action. Please try again or reload the page.” …but it seems to let me save content on other pages…

See attached screen shot

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) Unfortunalty, I have not tested any I can pass on to you.

2) You can change the blockquote CSS to match your needs. An example:

.content-wrap.extra-spacing blockquote {
    margin: 0 auto;
    padding: 20px 50px;
}

3) Yes, using the CSS underline attribute. An example:

.content-wrap > p > a {
    text-decoration: underline;
}

4) You would use media queries and our previous CSS examples. An example:

@media only screen and (max-width: 767px) {
#sf-header-banner {
    display: none !important;
}
.post-type-archive #sf-header-banner {
    display: block !important;
}
}

5) What errors do you see in your dev tools console log? Please can you disable all plugins leaving only Swift Framework and WooCommerce active.

[markmuz]

Thanks so much for your help. All good except for wanting to just underline links in just the text.

This doesn’t seem to work:

.content-wrap > p > a {
text-decoration: underline;
}

…I even added a !important; but that didn’t work either…

Would be grateful for your help.

[Rui Guerreiro – SUPPORT]

Hi,

Can you try this one.

.inner-page-wrap a {
    text-decoration: underline!important;
}

-Rui