Shape 5

Joomla Templates => Gamers - Club => : pdxvector October 01, 2013, 01:19:55 PM



: Wrapper iframe border
: pdxvector October 01, 2013, 01:19:55 PM
I can't seem to find where the wrapper's css style is - I am trying to get rid of / recolor the white border in the picture below.

http://i.imgur.com/u8duKtK.jpg


: Re: Wrapper iframe border
: pdxvector October 02, 2013, 11:40:18 AM
Bump, pretty please?


: Re: Wrapper iframe border
: jonahh October 02, 2013, 12:33:47 PM
Hello,

Can you please post a URL of this?

Thanks


: Re: Wrapper iframe border
: pdxvector October 02, 2013, 12:39:44 PM
http://dev.pdxlan.com/home/index.php/forums


: Re: Wrapper iframe border
: arias51 October 02, 2013, 12:43:00 PM
Template.css


#s5_component_wrap {
    background: none repeat scroll 0 0 #FAFAFA; <------------- Border Color
    border-top: 1px solid #FFFFFF;
    margin-bottom: 35px;
}
#s5_component_wrap_inner {
    padding: 25px; <------------    Border pixels
}


: Re: Wrapper iframe border
: pdxvector October 02, 2013, 12:46:38 PM
Template.css


#s5_component_wrap {
    background: none repeat scroll 0 0 #FAFAFA; <------------- Border Color
    border-top: 1px solid #FFFFFF;
    margin-bottom: 35px;
}
#s5_component_wrap_inner {
    padding: 25px; <------------    Border pixels
}

My hero.


: Re: Wrapper iframe border
: arias51 October 02, 2013, 12:49:52 PM
You're welcome.

Get yourself FIREBUG... I swear it's the most helpful webdesign tool ever.  ;D
Also, get the latest GAMERS template to fix your pagination issue if you haven't already.

https://getfirebug.com/


: Re: Wrapper iframe border
: pdxvector October 02, 2013, 12:52:52 PM
Will do, I think I will hand code the change for the pagination - just because I have so much modified code now - I'd hate to override something I forgot.

Checking out firebug, thanks for the tip.



: Re: Wrapper iframe border
: pdxvector October 02, 2013, 01:02:42 PM
DOH!

Nope, that edit to the css will take the border out of everything, and change color on everything.

So issue is still there - how do I fix for just the wrapper?


: Re: Wrapper iframe border
: pdxvector October 02, 2013, 01:11:03 PM
I am thinking that a custom css for the page may be the answer? Not sure how to write the css portion / save the file / where to save it.


: Re: Wrapper iframe border
: arias51 October 02, 2013, 01:22:29 PM
Let them answer before you start with that.
could be a simple fix.

sorry it didn't work though.  :-\

Edit:

Can you add a suffix to it? Like... -dark ?
That removes the frame on the modules.


: Re: Wrapper iframe border
: pdxvector October 02, 2013, 01:37:44 PM
So I did make a "s5_component_wrap2" in my css, and when I use firebug to change it, it works.

I just can't figure out how to make the menu item take that class I created here:

http://i.imgur.com/DUzX4YR.jpg


: Re: Wrapper iframe border
: arias51 October 02, 2013, 01:51:42 PM
http://docs.joomla.org/Page_Class_Suffix

I believe you have to add a space before so joomla creates the new suffix.


: Re: Wrapper iframe border
: pdxvector October 02, 2013, 02:33:46 PM
http://docs.joomla.org/Page_Class_Suffix

I believe you have to add a space before so joomla creates the new suffix.

Negative.


: Re: Wrapper iframe border
: jonahh October 03, 2013, 12:45:41 PM
To add css to the suffix you made you would need to use as follows:

.contentpane.-s5_component_wrap2 {
margin-left:-25px;margin-top:-25px;margin-bottom:-29px;margin-right:-25px;
}

Sort of CSS hack but I believe it should work.  Only thing left to do is get your forum to show 100% full width of the page unless you wanted to white right column.


: Re: Wrapper iframe border
: arias51 October 03, 2013, 03:28:24 PM
Jonah, what about for a module class suffix?

I need to make one exactly like the -lightgrayhighlight but change this to black instead...

.module_round_box-lightgrayhighlight a {
    color: #FFFFFF; <--------------- #000000

Can I just copy/paste the current code from the template.css and create a new one named -lightgrayhighlightnew?


: Re: Wrapper iframe border
: jonahh October 04, 2013, 11:19:20 AM
Yes correct thats all you need to do, copy paste and rename and you'll have a new module class