It is possible to change main logo pic size?

Go down

In progress It is possible to change main logo pic size?

Post by kimwriter75 on April 26th 2014, 6:06 pm

Hi all.  I'm using PunBB and want to know if it possible to change the height and width of my logo pic?  

Link to my site

kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

In progress Re: It is possible to change main logo pic size?

Post by J0k3R^ on April 26th 2014, 6:21 pm

im not sure, try this: (change ##)
Code:
#pun-intro {
width: ##px;
}
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

In progress Re: It is possible to change main logo pic size?

Post by kimwriter75 on April 26th 2014, 6:31 pm

Thanks Joker, but I should have included this custom code.  

Code:
#pun-intro {
background-color:#666;
background-image:url(http://i58.tinypic.com/1gsp50.jpg)
background-repeat:repeat no-repeat;
text-align:center;
background-size:cover;
min-height:250px;
margin:0;
padding:1.5em 1em 1em;
}

Any way to work with that and make it longer and less wide?

kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

In progress Re: It is possible to change main logo pic size?

Post by J0k3R^ on April 26th 2014, 6:36 pm

Code:
#pun-intro {
background-color:#666;
background-image:url(http://i58.tinypic.com/1gsp50.jpg)
background-repeat:repeat no-repeat;
text-align:center;
background-size:cover;
min-height:250px;
margin:0;
padding:1.5em 1em 1em;
width: 500px;
}

this is not working?


Last edited by J0k3R^ on April 26th 2014, 6:57 pm; edited 1 time in total
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

In progress Re: It is possible to change main logo pic size?

Post by Jophy on April 26th 2014, 6:51 pm

Hello,

The code to change the dimension of the banner is:
Code:
#pun-intro {
  min-height: #px !important;
  width: #px !important;
}

To change the height, you must set the min-height to a smaller or bigger one(your preferred height), this will set the minimum height for the banner. The width property will change how wide the banner is.
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

In progress Re: It is possible to change main logo pic size?

Post by kimwriter75 on April 26th 2014, 6:58 pm

Joker, it is working, I am just looking to change the size.  

Jophy, do I add that code in addition to my previous or do I replace it?

kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

In progress Re: It is possible to change main logo pic size?

Post by J0k3R^ on April 26th 2014, 7:01 pm

i added the width in your code, look close:
u can just change it to whatever u need

Code:
#pun-intro {
background-color:#666;
background-image:url(http://i58.tinypic.com/1gsp50.jpg)
background-repeat:repeat no-repeat;
text-align:center;
background-size:cover;
min-height:250px;
margin:0;
padding:1.5em 1em 1em;
width: 500px;
}
avatar
J0k3R^
Forumember

Male Posts : 742
Reputation : 28
Language : Greek > English > Russian > Spanish
Location : C:\>r00t

http://fmplanet.forumgreek.com

Back to top Go down

In progress Re: It is possible to change main logo pic size?

Post by Jophy on April 26th 2014, 7:02 pm

You can try to add it first at the bottom of your CSS.

Or you can just modify the part posted by Joker above.
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

In progress Re: It is possible to change main logo pic size?

Post by kimwriter75 on April 26th 2014, 7:21 pm

The size adjustment is working.  I just can't seem to get it centered.

kimwriter75
Forumember

Posts : 30
Reputation : 1
Language : English

Back to top Go down

In progress Re: It is possible to change main logo pic size?

Post by Jophy on April 26th 2014, 7:24 pm

Add a margin property:

Code:
margin-left: 2%;

You can increase or decrease its value.
avatar
Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Back to top


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