Welcome, Guest
Please Login or Register.    Lost Password?

Transparent Bliss - Make middle transparent
(1 viewing) (1) Guest
Go to bottomPage: 1
TOPIC: Transparent Bliss - Make middle transparent
#4781
Transparent Bliss - Make middle transparent 1 Year, 3 Months ago Karma: 0
Is there a way to make the middle of the page transparent as well? I just want it to have the same transparency as the left and right columns.

My site is: simpleguidetowebhosting.info

Thanks!
baltihorse
Fresh Boarder
Posts: 3
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#4782
Re:Transparent Bliss - Make middle transparent 1 Year, 3 Months ago Karma: 0
Also the back ground image we are using for the site has been cropped. What are the dimensions that the background image requires, and is there a place to modify this in the css? I couldn't find it.
baltihorse
Fresh Boarder
Posts: 3
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#4784
Re:Transparent Bliss - Make middle transparent 1 Year, 3 Months ago Karma: 19
Hello baltihorse,

Welcome at JoomlaBear.com :-)

baltihorse wrote:
Is there a way to make the middle of the page transparent as well? I just want it to have the same transparency as the left and right columns....

Sure, you can make it with photoshop or gimp... You have it??

baltihorse wrote:
Also the back ground image we are using for the site has been cropped. What are the dimensions that the background image requires, and is there a place to modify this in the css? I couldn't find it.


You can set the background-position. Look at the image I attached, here you can see the changes. For this please go in the backend under Extensions >> Template Manager >> Transparent Bliss >> Edit CSS >> Edit img4.css

There you add this lines:

Code:

body {
    background-color: #CBB88D;
    background-image: url("../background_images/ image4.jpg");
    background-position: 0 0;
    background-repeat: no-repeat;



Now it looks great I think. ;-)
Hope it helps.

Regards,

GermanBear
GermanBear
Moderator
Posts: 441
graphgraph
User Offline Click here to see the profile of this user
ICQ#: 178412056 Gender: Male hofmar123 Carnevale di Venezia Bonn Location: Bonn Birthday: 05/08
Last Edit: 2011/02/02 08:31 By GermanBear.
The administrator has disabled public write access.
 
#4787
Re:Transparent Bliss - Make middle transparent 1 Year, 3 Months ago Karma: 0
great thanks for the help with the background!

I am now working on creating a transparent background for the center part of the page, but what file would I replace when I do this?

Also I am trying to center the logo that I uploaded on the page, and have been unsuccessful. I found a post from about 10 months ago, but when I tried those modifications to the css it did not work.

Thanks again for all your help!
baltihorse
Fresh Boarder
Posts: 3
graphgraph
User Offline Click here to see the profile of this user
The administrator has disabled public write access.
 
#4788
Re:Transparent Bliss - Make middle transparent 1 Year, 3 Months ago Karma: 19
baltihorse wrote:
great thanks for the help with the background!


No Problem... ;-)

baltihorse wrote:
I am now working on creating a transparent background for the center part of the page, but what file would I replace when I do this?

In the premium Version you can use 3 options for transparents... But this is a newer one. You must change this 3 files:

    /templates/transparent_bliss_1.5/images/right- mid.png
    /templates/transparent_bliss_1.5/images/right- top.png
    /transparent_bliss_1.5/images/right-bottom.png


baltihorse wrote:
Also I am trying to center the logo that I uploaded on the page, and have been unsuccessful. I found a post from about 10 months ago, but when I tried those modifications to the css it did not work.

Can it be that this post is for an other version??? The fastes way is that you delete first the topbannerad. You must only search this in the template.css

Code:

#topbannerad {
    float: right;
    height: 90px;
    width: 728px;
}



and change it to:

Code:

#topbannerad {
    float: right;
}



Now you create a picture for your logo. But please with a height: 90px and width: 980px

Overwrite the image (/templates/transparent_bliss_1.5/images/logo.png) with you new one.

The last step is that you change also in the template.css this lines:
Code:


#logo {
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    height: 90px;
    width: 417px;
}



to this lines:

Code:

#logo {
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    height: 90px;
    width: 980px;
}



Ok now you have a logo in the center. The the Image I attached

A lot of questions and a lot of answers ;-) Hope you understand what I mean.

Regards,

GermanBear
GermanBear
Moderator
Posts: 441
graphgraph
User Offline Click here to see the profile of this user
ICQ#: 178412056 Gender: Male hofmar123 Carnevale di Venezia Bonn Location: Bonn Birthday: 05/08
The administrator has disabled public write access.
 
Go to topPage: 1
Moderators: Support
 
JOOMLA TEMPLATES Joomla Templates By JoomlaBear