Support Forum

Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
coding-topic
How to change background colour of Quoted text?
Avatar
ebiznet
Member
sp_UserOfflineSmall Offline
Jan 10, 2016 - 5:25 am

When I use the Quote function, the edit box shows a dark grey background for the quoted post (fig A). However, after saving the post, the quoted text appears in a white or almost white background (fig B) which doesn't do much to separate the quote from the new reply.

ehforum07b.jpgImage Enlarger

How do I change the background colour of the quoted text?

Avatar
Ike
Sawtry, UK
Member
Free Members
sp_UserOfflineSmall Offline
Jan 10, 2016 - 9:05 am

Hey ebiznet,

I checked out your forum from a link in your profile as I couldn't work out what forum theme you were using and it turns out your WP theme is interfering with the forum CSS.. It uses:

blockquote {
    border: medium none !important;
}

Using !important is irresponsible as it means any plugin that uses the common 'blockquote' CSS class will be overwritten with boder: none.

Simple to fix though, you will need to go to your forum admin and navigate to Forum > Themes > Custom CSS, and paste in there:

#spMainContainer .spTopicPostSection .spPostSection .spPostContentSection .spPostContent blockquote {
    border: 1px solid #BBBBBB !important;
}

Make sure to click 'View Raw Code' above before copying.. That should allow your forum themes blockquote class to take precedence.

Hope that helps!

Avatar
ebiznet
Member
sp_UserOfflineSmall Offline
Jan 10, 2016 - 10:15 am

Hi Ike

Thank you very much for the quick response and help - that did the trick!

Avatar
Mr Papa
Simi Valley, CA
SP Master
Free Members
sp_UserOfflineSmall Offline
Jan 10, 2016 - 12:41 pm

good news!  glad we could help....

Avatar
ebiznet
Member
sp_UserOfflineSmall Offline
Jan 11, 2016 - 12:19 am

Ike, I am impressed how you were able to look at my site and resolve this issue so quickly for me.

If I may, I have another burning question about using Simple Press on my site.

The Forum page is set up using the Full Width template for my theme. However, as you can see at my forum http://ehangar.com/forum it is not full width.

As the support for my paid theme has expired, I wonder if you can help me with tweaking the settings  or code that will allow the forum to be displayed at the real full width of the browser screen?

Avatar
Yellow Swordfish
Glinton, England
SP Master
sp_UserOfflineSmall Offline
Jan 11, 2016 - 3:28 am

Just as an aside - can I ay it is always useful if you can start a new topic for new questions, Makes it easier for us to find the topic when we need to and also helps others looking for the same answers...

If your WordPress theme does not come with a proper full-page template then the only recourse is to make one. There is a guide on our codex for this (https://simple-press.com/docum.....-template/) but beware as every theme is a little different and, of course, this is best done in a child theme to ensure it does not get destroyed by future theme updates.

Personally, before tackling this - and believe me it is pretty easy - I would also refer to the WordPress codex where there should be a more up to date tutorial.

andy-signature.png
YELLOW
SWORDFISH
Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1170
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Mr Papa: 19448
Ike: 2086
Brandon: 864
kvr28: 804
jim: 649
FidoSysop: 577
Conrad_Farlow: 531
fiddlerman: 358
Stefano Prete: 325
Member Stats:
Guest Posters: 618
Members: 17357
Moderators: 0
Admins: 4
Forum Stats:
Groups: 7
Forums: 17
Topics: 10123
Posts: 79616