collapse

* Simple Portal Archived Forum

This is an Archive Forum.

The content in this forum may be out-of-date or have been superseded by newer information, and links in forum pages to other sites may not work.
This forum contains archives for future reference.

Visit our thread at Simple Machines Forum for current support.

SMF 2.1 users: EhPortal is a ported version of Simple Portal specifically designed for the SMF 2.1 branch.
Please visit web-develop.ca to download EhPortal and for its support.

* User Info

 
 
Welcome, Guest. Please login or register.

* Who's Online

  • Dot Guests: 426
  • Dot Hidden: 0
  • Dot Users: 0

There aren't any users online.

* Shoutbox

Refresh History
  • Shoutbox is not for support!
  • {OCS}MasterSeal: Yup, Still adore SP
    April 21, 2019, 07:08:06 PM
  • {OCS}MasterSeal: STILL love SP :)
    November 24, 2018, 05:05:50 AM
  • ♦ Ninja ZX-10RR ♦: <3 aegersz
    September 13, 2018, 03:36:09 PM
  • aegersz: I STILL <3 LOVE SimplePortal
    September 13, 2018, 07:11:39 AM
  • aegersz: o LOVE you guys - Simple Portal rocks !
    May 09, 2018, 05:18:59 AM
  • Chen Zhen: our apologies for the site being down.. please read server issues topic
    March 22, 2018, 05:32:38 AM
  • {OCS}MasterSeal: LOL PLEASE forget I just posted that. I found the answer in my own dang post back in 2015. lol sorry!
    July 04, 2017, 10:47:55 PM
  • {OCS}MasterSeal: I know this SB isnt' for support, but I just have a general question. Who would I contact to find out where SP stores its block info? Is it DB driven or files? I searched the site but came up with nothing. probably my fault any insight is appreciated.
    July 04, 2017, 10:43:36 PM
  • ♦ Ninja ZX-10RR ♦: Excuse me but what does Simpleportal have to deal with that?
    February 05, 2017, 08:21:14 PM
  • WhiteEagle: of course IMHO that site appears to be dead :(
    February 04, 2017, 01:08:05 PM
  • WhiteEagle: If I can get that, then I'll use it for that site...
    February 04, 2017, 01:07:35 PM
  • WhiteEagle: decided to not use SMF for any projects, unless I can get a copy of the premium version of the fanfiction archive plugin
    February 04, 2017, 01:06:54 PM
  • expertdecisions: cloudflare
    January 28, 2017, 08:01:47 AM
  • aegersz: SM release 2.0.13 !
    January 12, 2017, 06:00:13 AM
  • raffo: Tks Emanuele, even if I didn't understand the fix :D
    November 07, 2016, 02:01:20 AM
  • emanuele: [link]
    November 01, 2016, 12:43:50 PM
  • emanuele: raffo: the English support board is a good place. ;)
    November 01, 2016, 12:43:38 PM
  • raffo: Where can I find the fix for the shoutbox?
    November 01, 2016, 05:06:09 AM
  • {OCS}MasterSeal: To the SP team, I make a point to come here and thank you as much as possible for your work.  so again, THANK YOU!
    October 28, 2016, 10:38:05 AM
  • emanuele: That's indeed funny, the limit is present only in the patch and not the full install.
    October 22, 2016, 06:14:58 PM

* Recent Posts

Adding Forums Button to Nav bar by jirapon
[August 01, 2019, 09:07:12 AM]


Re: Board Icons by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 04:03:41 PM]


MOVED: Czech translation???? by ♦ Ninja ZX-10RR ♦
[July 30, 2019, 03:04:51 PM]


Board Icons by jirapon
[July 30, 2019, 07:28:44 AM]


Re: Thankyou Simpleportal, by ♦ Ninja ZX-10RR ♦
[July 29, 2019, 09:41:29 AM]

Welcome to SimplePortal.net! You can download SimplePortal from the Downloads Area!

Author Topic: is there an easy way to change the background and title color of all blocks ?  (Read 10527 times)

0 Members and 1 Guest are viewing this topic.

Offline aegersz

  • Jr. Member
  • **
  • Posts: 58
  • Gender: Male
  • SMF Bulletin Board / Forum Fanatic
    • dopetalk
  • SMF Version: 2.0.15
  • SP Version: 2.3.6
Hi, i want to make all the SimplePortal block titles and backgrounds the same colour.

I know about .Themes/default/css/portal.css but is there something easier that does them all at once ?

"mods" fan (SMF 2.0.15) with 140+ mods (Full List is at http://forum.drugs-and-users.org/index.php/topic,3301)

Offline emanuele

  • Developer
  • *
  • Posts: 293
SP blocks titles are cat_bar and catbg (the same classes as SMF).
Changing the background of these two classes (pay attention because the way SMF does that is using an image, so you may need to have a look around) would do. You could add the code at the end of your index.css, maybe with an !important attribute to be sure it is applied.
If instead you need to change only the blocks, you may find useful the sp_block_section and alike classes (check around with your browser's development tools for all of them, because they depend on the placement of the block) as first selectors.

Offline ♦ Ninja ZX-10RR ♦

  • Spammer Hammer
  • Support
  • *
  • Posts: 1193
  • Gender: Male
  • Sniper Legends
    • Virtual Interactive Games Entertainment™
  • SMF Version: 2.0.13
  • SP Version: 2.3.6
  • Elkarte Version: 1.0.6
Code-wise...
Code: [Select]
div.sp_block_section div.cat_bar, div.sp_block_section div.catbg { background: insertamazingcolor; }
Have you tried SimplePortal Documentation before asking? ;)
F.A.Q.  English Support  |  Blocks Support
Fancy Feature idea ?!  |  Blocks Requests
Themes & Graphics

? My job! ?No PMs for support unless it's a paid request. Thank you! :)#OpIsis

Offline aegersz

  • Jr. Member
  • **
  • Posts: 58
  • Gender: Male
  • SMF Bulletin Board / Forum Fanatic
    • dopetalk
  • SMF Version: 2.0.15
  • SP Version: 2.3.6
thanks guys, i used CSS and as per your help, i found div.sp_block in .Themes/default/css/portal.css and it did the trick to change all the backgrounds to a subtle color, i added:

I added the following background so that it now looks like this:
 
Code: [Select]
div.sp_block
{
        overflow: auto;
        padding: 0 0.5em;
        background: #FBF8EF;
}
"mods" fan (SMF 2.0.15) with 140+ mods (Full List is at http://forum.drugs-and-users.org/index.php/topic,3301)

Offline aegersz

  • Jr. Member
  • **
  • Posts: 58
  • Gender: Male
  • SMF Bulletin Board / Forum Fanatic
    • dopetalk
  • SMF Version: 2.0.15
  • SP Version: 2.3.6
... but how do you change the colour of the title of the block's background ?

like on this site, I see pale yellow - what would be the CSS code ? i tried the ones you suggested but I'm just not understanding well enough.
« Last Edit: October 11, 2016, 02:13:31 AM by aegersz »
"mods" fan (SMF 2.0.15) with 140+ mods (Full List is at http://forum.drugs-and-users.org/index.php/topic,3301)

Offline {OCS}MasterSeal

  • Semi Newbie
  • *
  • Posts: 14
  • Gender: Male
  • Owner: Out Cast Snipers Multi-Game Clan
    • Out Cast Snipers Multi-Game Clan
  • SMF Version: 2.0.15
  • SP Version: 2.3.7
  • Elkarte Version: None
Maybe try this link in the SP Documentation. At the bottom it explains how to edit and change specific block properties using CSS.

http://simpleportal.net/index.php?action=docs;area=block_editor

Hopefully this will help and you do not have to edit the raw files etc.

Offline aegersz

  • Jr. Member
  • **
  • Posts: 58
  • Gender: Male
  • SMF Bulletin Board / Forum Fanatic
    • dopetalk
  • SMF Version: 2.0.15
  • SP Version: 2.3.6
Code-wise...
Code: [Select]
div.sp_block_section div.cat_bar, div.sp_block_section div.catbg { background: insertamazingcolor; }

i'm still unable to change the color of ALL block title bars in one go.

when i view the page source, i see div.sp_block_section and cat_bar and catbg but was unable to code the appropriate CSS statements correctly.
i see:

Code: [Select]
<div class="sp_block_section">
<div class="cat_bar">
<h3 class="catbg">

but how does that translate into CSS ? i read the w3schools guide but that didn't help ... please, where am i screwing up ?

i tried div.cat_bar and div.catbg but it only affected the side and bottom borders, still no joy with the actual title. i must admit, i don't really know what i am doing yet.
« Last Edit: October 11, 2016, 12:38:58 AM by aegersz »
"mods" fan (SMF 2.0.15) with 140+ mods (Full List is at http://forum.drugs-and-users.org/index.php/topic,3301)

Offline aegersz

  • Jr. Member
  • **
  • Posts: 58
  • Gender: Male
  • SMF Bulletin Board / Forum Fanatic
    • dopetalk
  • SMF Version: 2.0.15
  • SP Version: 2.3.6
i added this to the end of BOTH index.css and portal.css:

Code: [Select]
.cat_bar
{
background: #E1E121;
}.catbg
{
        background: #F1E121;
        !important;
}

but it makes no difference at all ... your thoughts, please ?

i took emmanuel's advice and went for index.css and he mentions the use of images to set the background color (which confused me more). i just can't override the existing styles.

what i'm really asking is how does *this site* get it's nice two-tone yellowish block background ?

Perhaps i need to build a theme instead ?
« Last Edit: October 11, 2016, 03:24:17 PM by aegersz »
"mods" fan (SMF 2.0.15) with 140+ mods (Full List is at http://forum.drugs-and-users.org/index.php/topic,3301)

Offline aegersz

  • Jr. Member
  • **
  • Posts: 58
  • Gender: Male
  • SMF Bulletin Board / Forum Fanatic
    • dopetalk
  • SMF Version: 2.0.15
  • SP Version: 2.3.6
SMF support gave me the advice i wanted.

it's all in http://www.simplemachines.org/community/index.php?topic=549207

thanks for the help guys and emmanuel's advice about the png file was excellent.
"mods" fan (SMF 2.0.15) with 140+ mods (Full List is at http://forum.drugs-and-users.org/index.php/topic,3301)

Offline {OCS}MasterSeal

  • Semi Newbie
  • *
  • Posts: 14
  • Gender: Male
  • Owner: Out Cast Snipers Multi-Game Clan
    • Out Cast Snipers Multi-Game Clan
  • SMF Version: 2.0.15
  • SP Version: 2.3.7
  • Elkarte Version: None
Glad you got it sorted! There's also ways to do effects using CSS to images as well. That's a bit more advanced but it's out there FYI.

Cheers!

D