vb.org Archive - Gray border around ALL editor windows?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - Gray border around ALL editor windows? (https://vborg.vbsupport.ru/showthread.php?t=311618)

409industries

05-23-2014 05:46 PM

Gray border around ALL editor windows?

1 Attachment(s)

Hi-

How do I get rid of this gray border that is around all my editor windows site wide? (Visitor messages, Quick Reply, Reply to Thread (Advanced), Post new thread) See attached image to see what i'm referring to.

It doesn't fit well in my color scheme as you can see.

Been searching through code all over the place trying to find what controls this option? StyleVars under Editor don't seem to affect this narrow border.

Thanks for the help!

tbworld

05-24-2014 08:17 PM

Quote:

Originally Posted by 409industries (Post 2499142)

See "mainui.css" or add to additional.css with using "!important"

Code:

span.cke_skin_kama {

  border: 1px solid red !important;

  border-radius: 5px;

  padding: 5px;

}

Let me know if it works. :)

409industries

05-24-2014 11:33 PM

tbworld.

Thank you for that. Put the code in additional.css and it worked like a charm! I can finally stop beating my head against the wall trying to find the code that controls that. Not too familiar with span.cke_skin_kama

tbworld

05-24-2014 11:39 PM

That particular CSS is a bit elusive if you do not know where to look. Glad to help. :)

409industries

05-27-2014 08:05 PM

1 Attachment(s)

Quote:

Originally Posted by tbworld (Post 2499290)

That particular CSS is a bit elusive if you do not know where to look. Glad to help. :)

Thank you very much! Indeed, I don't think I would have guessed where that was.

Literally the last item i am trying to find is actually quite similar to my opening post. There is a gray horizontal line on the user profile page under "Visitor Messages". I can't seem to find out what is causing this to show... and want to get rid of it / change the color somehow.

Any idea where i can find this code?

I suspect .memberprofiletabunder maybe in member.css?

(I attached a quick screenshot of anyone wants to take a quick look)

Thank you!!!

tbworld

05-28-2014 01:56 AM

Quote:

Originally Posted by 409industries (Post 2499686)

Literally the last item i am trying to find is actually quite similar to my opening post. There is a gray horizontal line on the user profile page under "Visitor Messages". I can't seem to find out what is causing this to show... and want to get rid of it / change the color somehow.

Add to your additional.css template:

Code:

.userprof_editor {

    border-width: 1px 0px 0px; /* Maybe just disable, set to 0px; */

    border-style: solid;

    border-color: red;  /* Change Color */

}

409industries

05-28-2014 05:01 PM

1 Attachment(s)

Nice. thanks tbworld. I ended up going with the 0px 0px 0px to remove this line completely.

The spot where the red line appeared after editing the .userprof_editor line was right below this gap (see attached).

I was able to remove a wide strip beneath the tabs that was taking up a bunch of space by editing the userprofiles.css code here:

HTML Code:

.memberprofiletabunder {

        background-color: #2E3539;

        background-image: {vb:raw module_background_image};

        background-repeat: {vb:raw module_background_repeat};

But it left the black gap below it as indicated in the red rectangle. If I can fill this with the background color #2E3539...

tbworld

05-28-2014 05:32 PM

What I have surmised from your post, try the following:

Code:

.userprof_editor { 

    border-width: 1px 0px 0px; 

    border-style: solid;

    border-color: #2E3539; 

}

Above code: Leaves the border in the original post and changes the border color to your desired #2E3539.

The problem assumably was due to the boarder being enabled in an associated class, using an inherited color -- it is only a guess. I would need a link to your page to be sure.

409industries

05-28-2014 07:01 PM

I made the changes but i think this line is above where the .userprof_editor border-color #2E3539; code has effect.

The visitor message tab is not available to the public to see, so here's a temp account to take a look (if you have time).

user: vb_temp
pass: p@ssw0rd123!

http://www.dirtyimpreza.com/forums/m...itor_messaging

Let me know what you think! Thanks for the effort!

tbworld

05-28-2014 07:34 PM

If you are going to keep the tab bar (.memberprofiletabunder) then I would add back the completed border in your brown color.

Code:

.userprof_editor {      

   border-width: 1px 0px 0px;      

   border-color: #8F3F1F;

}

Or are you looking to get rid of the tab bar?

409industries

05-28-2014 09:03 PM

Yes, i'm keeping the tab bar for sure.

OK, i added the brown back on that border and it looks good on some profiles, but i think the issue is that the option menu on the left side is causing issues with the look of the visitor messages section on the right. Some profiles have the black strip, while others do not.

tbworld

05-28-2014 09:18 PM

Quote:

Originally Posted by 409industries (Post 2499839)

I will take a quick look before getting back to work. I am presently converting a very large board (400 posts per hour) to use Oracle and needed a break or I am avoiding it. :)

--------------- Added [DATE]1401315972[/DATE] at [TIME]1401315972[/TIME] ---------------

Are you referring to the black-bar on the "About me" tab? Point me in the right direction here.

I agree with you I do not like the congruency between the left sidebar and the main content area.

409industries

05-28-2014 09:58 PM

1 Attachment(s)

Quote:

Originally Posted by tbworld (Post 2499843)

I will take a quick look before getting back to work. I am presently converting a very large board (400 posts per hour) to use Oracle and needed a break or I am avoiding it. :)

Are you referring to the black-bar on the "About me" tab? Point me in the right direction here.

I agree with you I do not like the congruency between the left sidebar and the main content area.

I think i figured out why some of the left side boxes at the top have a gap, i'm not worried about it right now. This is only happening on very old user profiles that may have been imported in to vB4. This does not appear to be a problem with members that have recently registered.

Here's one (last?) screenshot of the weird gap showing on the "Visitor Messages" tab. You can see it in action here:

http://www.dirtyimpreza.com/forums/m...703-subyguy257

Any idea why the black is showing through, and then in the top corners the brown borders are overlapping (for lack of a better term) on the top left and top right?

Thanks for look at this. I'm sure you're pretty busy with Oracle conversion... thank you for taking the time. No rush at all. :D

tbworld

05-28-2014 10:21 PM

Okay, I see it now, I think I understand what is happening. I will take a look at it a bit later this evening. :)

Quote:

Thanks for look at this. I'm sure you're pretty busy with Oracle conversion... thank you for taking the time. No rush at all. :D

It is not a complete conversion (I would be giving myself too much credit), more like a patch due to our fast growing thread and post table.:)

You're welcome :)

--------------- Added 28 May 2014 at 16:30 ---------------

Did you try out my patch to your Ad problem in your other post? Just wondered if it worked.

409industries

05-29-2014 02:08 AM

Quote:

Originally Posted by tbworld (Post 2499849)

Okay, I see it now, I think I understand what is happening. I will take a look at it a bit later this evening. :)

Look forward to the reply!

Quote:

Originally Posted by tbworld (Post 2499849)

Did you try out my patch to your Ad problem in your other post? Just wondered if it worked.

Yes i did apply the code you suggested, the most recent screenshot is the result.

tbworld

05-29-2014 03:30 AM

Quote:

Originally Posted by 409industries (Post 2499875)

Yes i did apply the code you suggested, the most recent screenshot is the result.

I was referring to this post, sorry I confused you.
https://vborg.vbsupport.ru/showpost....3&postcount=77

409industries

05-29-2014 06:17 PM

I should have caught that. I didn't realize you found my other thread, i posted a reply over there.

409industries

06-02-2014 09:31 PM

Quote:

Originally Posted by tbworld (Post 2499849)

Okay, I see it now, I think I understand what is happening. I will take a look at it a bit later this evening. :)

Hi tbworld-

Did you ever get a chance to take a look at that weird gap i was seeing?

tbworld

06-02-2014 11:00 PM

Yes, I did. Sorry, I thought it was a dead subject already. I will leave you a message on it this evening, in this thread, after work. :)

409industries

06-03-2014 03:32 PM

Quote:

Originally Posted by tbworld (Post 2500483)

Yes, I did. Sorry, I thought it was a dead subject already. I will leave you a message on it this evening, in this thread, after work. :)

Great. Thank you for the follow up!

409industries

06-10-2014 07:15 PM

Any chance on taking a look for one last time tbworld?

tbworld

06-11-2014 09:01 AM

Sorry for not getting back to you, have been quite busy at work. I was looking for the notes I made on your page and have finally given up looking for them and will have to re-observe your page. I probably wrote it down on a napkin or something. :) Anyway, I do remember my findings just not the particular HTML block that I need to point out to you.

I will take another look tomorrow and leave you some info. :)

409industries

06-11-2014 03:19 PM

Quote:

Originally Posted by tbworld (Post 2501474)

Sorry for not getting back to you, have been quite busy at work.

No need for apologies at all! Thank you very much for your time, I don't expect for these kinds of things to get handled instantly but am very grateful for all your help.

Look forward to a reply when you get a chance to take a look. The test user account is still active for you to login with. :D

409industries

06-19-2014 07:58 PM

...anyone? I'd love to close this thread down for good!

John Lester

06-19-2014 10:37 PM

To get rid of the boarders between the tabs use this: (I think I used the !important correctly, been awhile since I've messed with css :D )

Code:

#profile_tabs dl.tabslight dd {

    margin-right: 0px !important;

Still looking into the other issue and will reply when/if I figure it out :D

--------------- Added [DATE]1403222013[/DATE] at [TIME]1403222013[/TIME] ---------------

Ok along with the code in my previous post try this in your additional.css;

Code:

/*

.memberprofiletabunder {

    background-color: #2E3539;

    background-repeat: repeat;

}

*/

and

Code:

/*

#message_form .subsectionhead {

    border-right: 1px solid #8F3F1F;

    border-left: 1px solid #8F3F1F;

*/

and

Code:

.memberprofiletabunder {

    height: 10px !important;

    font-size: 5px;

    display: inline-block;

    float: left;

    width: 100%;

Let me know if you like the way it looks.

409industries

06-20-2014 09:32 PM

Thanks John- I tried adding this code into additional.css but it did not fix the weird gap / spacing i'm seeing in there. I've pulled the code out for now...

John Lester

06-21-2014 05:56 AM

1 Attachment(s)

Does the code below work when added to additional.css? It should remove the border between the tabs.

Code:

#profile_tabs dl.tabslight dd { margin-right: 0px !important;

Does the code below work? It should align the top of the block with the top of the block on the left.

Code:

.memberprofiletabunder {     height: 10px !important;     font-size: 5px;     display: inline-block;     float: left;     width: 100%;

Also, try these two bits of code;

Code:

.memberprofiletabunder {

    background-color: none !important;

    background-repeat: repeat;

}

And

Code:

#message_form .subsectionhead {

    border-right: 0px solid #8F3F1F !important;

    border-left: 0px solid #8F3F1F !important;

--------------- Added 20 Jun 2014 at 23:57 ---------------

Quote:

Originally Posted by 409industries (Post 2502838)

Thanks John- I tried adding this code into additional.css but it did not fix the weird gap / spacing i'm seeing in there. I've pulled the code out for now...

Yea I wasn't paying attention to what I posted, hopefully my other suggestion does the trick. Those are the classes to change to do what you want, but they may be coming from somewhere in the mess that is ckeditor which overrides additional.css.

Ok here's a screenshot of what it will look like if the code changes take.

All times are GMT. The time now is 02:14 AM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01261 seconds Memory Usage 1,816KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (12)bbcode_code_printable (1)bbcode_html_printable (13)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (27)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: