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.

It is possible to change main logo pic size?

View previous topic View next topic 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;
}

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

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.

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;
}

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.

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.

Jophy
ForumGuru

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

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