PDA

View Full Version : Forum Edits And Color Changes


men2dope
12-27-2014, 03:31 PM
Hello I'm in the process of editing my forum from scratch (images, colors, backgrounds etc...) I've gotten about 95% done so far. Right now I'm having issues locating few edits for the forum. BELOW is an example of the file I'm having a hard time trying to edit or find in the edit search, Thank you in advance!

https://vborg.vbsupport.ru/external/2014/12/14.jpg
forum sidebar Title Block

ozzy47
12-28-2014, 09:31 AM
Find this bit of code, and it should tell you what it is using.

#sidebar_container .blocksubhead

You will see something like this:

#sidebar_container .blocksubhead {
background:transparent none;
font-size:{vb:stylevar sidebar_header_fontSize};
height:{vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height} + 2px };
color: {vb:stylevar sidebar_header_color};
padding: 5px 6px;
border:none;
outline:none;
font-weight:bold;
}

men2dope
12-28-2014, 04:31 PM
Find this bit of code, and it should tell you what it is using.

#sidebar_container .blocksubhead

You will see something like this:

#sidebar_container .blocksubhead {
background:transparent none;
font-size:{vb:stylevar sidebar_header_fontSize};
height:{vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height} + 2px };
color: {vb:stylevar sidebar_header_color};
padding: 5px 6px;
border:none;
outline:none;
font-weight:bold;
}

Thank you so much! I truly appreciate the help.

ozzy47
12-28-2014, 04:33 PM
Not a problem, glad to help. :)

men2dope
12-28-2014, 04:50 PM
Not a problem, glad to help. :)

Could you help me find the way to edit the user's profile background??? It's grey and I've tried to find it but I really can't.

header on top of the profile I guess...
https://vborg.vbsupport.ru/external/2014/12/9.jpg

profile body background.
https://vborg.vbsupport.ru/external/2014/12/10.jpg


https://vborg.vbsupport.ru/external/2014/12/11.jpg

Also on my blog side bar how can I change black boxes

https://vborg.vbsupport.ru/external/2014/12/12.jpg

ozzy47
12-28-2014, 09:11 PM
For the profile, try adding this to your additional.css

.userprof {
background-color: green;
}Change green to your desired color.

For the blogs, add this to your additional.css
#sidebar_container .blocksubhead.smaller{
background: green;
}
Change green to your desired color.

men2dope
12-28-2014, 09:56 PM
For the profile, try adding this to your additional.css

.userprof {
background-color: green;
}Change green to your desired color.

For the blogs, add this to your additional.css
#sidebar_container .blocksubhead.smaller{
background: green;
}
Change green to your desired color.

Thanks again, the only issue I'm having now is this these grey areas and spaces. One is on the activity tab next to the photo tab once I click on activty. The other grey space is the member list is at.

https://vborg.vbsupport.ru/external/2014/12/6.jpg
https://vborg.vbsupport.ru/external/2014/12/7.jpg

ozzy47
12-28-2014, 09:57 PM
I would need a link to see it in action.

men2dope
12-28-2014, 10:01 PM
I would need a link to see it in action.

Ok I'm going to PM you.

ozzy47
12-28-2014, 10:01 PM
OK cool.

ozzy47
12-28-2014, 10:20 PM
Try this in additional.css.

.body_wrapper {
background-color: green;
}

.activitystream_block dd.selected, dd.userprof_module {
background-color: green;
}

#sidebar_container.member_summary {
background-color: green;
}

men2dope
12-29-2014, 07:51 PM
Try this in additional.css.

.body_wrapper {
background-color: green;
}

.activitystream_block dd.selected, dd.userprof_module {
background-color: green;
}

#sidebar_container.member_summary {
background-color: green;
}

Thank you.

Max Taxable
12-29-2014, 10:31 PM
Those images are larger than alot of them we see here.

ozzy47
12-29-2014, 10:32 PM
I would suggest reading this article, https://vborg.vbsupport.ru/showthread.php?t=256370 and then use the developer tools in your browser to find the CSS that is being used in those areas. :)