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

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?
avatar
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
avatar
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.
avatar
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.

avatar
SLGray
Administrator
Administrator

Male Posts : 41867
Reputation : 2877
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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