The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Transparent Profile, Group list, and search pages

View previous topic View next topic Go down

Solved Transparent Profile, Group list, and search pages

Post by Exhera on August 29th 2015, 4:36 am

Technical Details

Forum version : #phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Screenshot of problem : http://i.imgur.com/1lOe8Hc.png
Who the problem concerns : All members
When the problem appeared : When I made the background and stuff transparent.
Forum link : jelly.friendhood.net
(Don't ask.)

Description of problem




The problem I am experiencing is that I can't figure out how to make these pages' background areas transparent like the rest of the page. Also, how do I replace and/or make the buttons prettier?


Last edited by Exhera on August 29th 2015, 10:45 pm; edited 2 times in total

Exhera
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Solved Re: Transparent Profile, Group list, and search pages

Post by Klemen on August 29th 2015, 10:07 am

Hey Exhera, can you please provide us your forum link?

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Solved Re: Transparent Profile, Group list, and search pages

Post by Exhera on August 29th 2015, 9:34 pm

Jelly.friendhood.net

Exhera
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Solved Re: Transparent Profile, Group list, and search pages

Post by Klemen on August 29th 2015, 10:13 pm

Add this to your CSS:

Code:

.panel {
    background-color: transparent !important;
}

.row3 {
    background-color: transparent !important;
}

/* buttons */

.button1 {
    color: #ffc53b !important; /*text color */
    background-color: rgba(0, 0, 0, 0.2) !important; /*button color (the fourth number is color opacity, so in this case the color is black with 20 percent opacity)*/
    background-image: none !important; /*removes the pre-set gray gradient */
    font-size: 1.3em !important; /*font size*/
    border-radius: 5px; /*rounded buttons (increase the pixel value to make them more round)*/
    -webkit-transition: 0.5s;
    transition: 0.5s; /*how long the transition on mouse hover takes (in seconds)*/
}
   
    .button1:hover {
    color: #FFA500 !important; /*text color on hover*/
    background-color: rgba(0, 0, 0, 0) !important; /* bacground color on hover*/
}

.button2 {
    color: #ffc53b !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
    background-image: none !important;
    font-size: 1.3em !important;
    border-radius: 5px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
   
    .button2:hover {
    color: #FFA500 !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

I played around with the buttons a bit, but I commented the code, so you can adjust (or add/remove) effects by yourself.


Last edited by Klemen on August 29th 2015, 10:36 pm; edited 1 time in total

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Solved Re: Transparent Profile, Group list, and search pages

Post by Exhera on August 29th 2015, 10:25 pm

The profile page didn't become transparent.


Exhera
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Solved Re: Transparent Profile, Group list, and search pages

Post by Klemen on August 29th 2015, 10:37 pm

I only focused on the pictures you provided, not the title, sorry.

I updated the previous code (with '!important'), so try that. If that doesn't work, then I won't be able to help, because I don't have access to a profile page, since that requires an account and mine has been deleted on your forum it seems.

Klemen
Forumember

Male Posts : 292
Reputation : 32
Language : English, German, Slovene

http://www.bannedbrotherhood.com

Back to top Go down

Solved Re: Transparent Profile, Group list, and search pages

Post by Exhera on August 29th 2015, 10:44 pm

It worked. Thanks!

Exhera
New Member

Posts : 4
Reputation : 1
Language : English

Back to top Go down

Solved Re: Transparent Profile, Group list, and search pages

Post by SLGray on August 29th 2015, 10:51 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36673
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum