WPMU DEV Community » Topic: WHMCS Wordpress Integration CSS Help

Timothy Bowers on "WHMCS Wordpress Integration CSS Help"

Timothy Bowers — Mon, 11 Jun 2012 23:12:44 +0000

Thanks for the kind comments! :)

We do try to focus on support, We don't always get it right but where we get it wrong we strive to do it better next time. :)

Thanks again.

ricardo_mccarty on "WHMCS Wordpress Integration CSS Help"

ricardo_mccarty — Mon, 11 Jun 2012 03:53:46 +0000

Whew I fixed it with some more CSS coding. Thanks for all your help today. I guess I will let ya'll rest for now. I will definitely be signing up for your full membership. You all give way better support than most of the plugin developers we have ran into. AWESOME!!!

You Guys ROCK!

ricardo_mccarty on "WHMCS Wordpress Integration CSS Help"

ricardo_mccarty — Mon, 11 Jun 2012 03:35:11 +0000

Last problem I seem to have is the spacing between the link and descriptions on this page: http://www.webhostingjunkies.com/client-portal

As you can see for some reason it displays like this:

Client Area

View & update your account details

Timothy Bowers on "WHMCS Wordpress Integration CSS Help"

Timothy Bowers — Mon, 11 Jun 2012 02:22:24 +0000

The best thing to do would be either use Firebug or Chrome Developer tools, you can then look at the code and which ID or Class it is you wish to change.

You can then target it more precisely and get the exact look you desire.

ok so I got it to where the Content area goes horizontal but the widget in the sidebar isnt defaulting to vertical when the css is being altered for the page. Any thoughts how to get past this or override the css for the sidebar only?

Just took a look and it seems ok to me there, did you sort that bit?

Take care.

ricardo_mccarty on "WHMCS Wordpress Integration CSS Help"

ricardo_mccarty — Mon, 11 Jun 2012 01:34:14 +0000

ok so I got it to where the Content area goes horizontal but the widget in the sidebar isnt defaulting to vertical when the css is being altered for the page. Any thoughts how to get past this or override the css for the sidebar only?

ricardo_mccarty on "WHMCS Wordpress Integration CSS Help"

ricardo_mccarty — Mon, 11 Jun 2012 01:30:07 +0000

Ok that helps a lot. Where are the other id's we can target? What file or what are they. That is exactly what we were looking for. Thanks by the way for your help today Timothy.

Timothy Bowers on "WHMCS Wordpress Integration CSS Help"

Timothy Bowers — Mon, 11 Jun 2012 01:20:08 +0000

Sorry there should have been a sample there:

#whmcs_quick_nav li {
display: block;
}

Timothy Bowers on "WHMCS Wordpress Integration CSS Help"

Timothy Bowers — Mon, 11 Jun 2012 01:16:09 +0000

You would need to target the specific ID whmcs_quick_nav

You could do the same with wherever else you wish to target.

Let me know how you get on.

ricardo_mccarty on "WHMCS Wordpress Integration CSS Help"

ricardo_mccarty — Mon, 11 Jun 2012 00:54:16 +0000

I Guess my question is how do I fix the top WHMCS menu and the Quick Navigation on the left sidebar. You can see here:

When I get the Horizontal Navigation set up it changes it for all the menus. Even the sidebar panel is horizontal.

Timothy Bowers on "WHMCS Wordpress Integration CSS Help"

Timothy Bowers — Sun, 10 Jun 2012 22:24:07 +0000

Hey there.

There isn't currently as this will vary from theme to theme, what are you trying to achieve.

Your border radius is not globally supported in some older browsers you might like to add 2 more to be sure:

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

Using the following will not target WHMCS only unordered lists.

ul { list-style-type:none; margin:0; padding:0; }

li { float:left; }

{ background-color:#7A991A; }

li { display:inline; }

Also what is the purpose of this "{ background-color:#7A991A; }" its not targeting any element?

If you can please let me know what you are looking for.

Thanks.

ricardo_mccarty on "WHMCS Wordpress Integration CSS Help"

ricardo_mccarty — Sun, 10 Jun 2012 15:38:51 +0000

Hello,

Is there any instructions or examples of css to make the [wcp_menu] and [wcp_quick_nav] look better than we have here: http://www.webhostingjunkies.com/client-portal?whmcsportalpage=aHR0cHM6Ly9tYW5hZ2VyLndlYmhvc3RpbmdqdW5raWVzLmNvbS9jbGllbnRhcmVhLnBocA%3D%3D

Here is the CSS we are using:

/* WHMCS Custom css*/

.whmcs_error {
border-radius: 3px;
border: 1px solid #FF0000;
background-color: #FFBCBC;
padding: 5px 10px;
margin: 5px 0px 10px;
font-size: 1.2em;
}
ul
{
list-style-type:none;
margin:0;
padding:0;
}
li
{
float:left;
}
{
background-color:#7A991A;
}
li
{
display:inline;
}

</style>

Any help is greatly appreciated. Now that we got it running finally we want to make it look pretty. Thanks in advance.