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.

banner image not resizing

View previous topic View next topic Go down

Solved banner image not resizing

Post by azwiz on November 28th 2014, 10:59 pm

I can't seem to get my  banner image to resize . Prob a CSS problem . Someone want to guide me through some codes ?

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: banner image not resizing

Post by Ramdaman on November 28th 2014, 11:05 pm

Hi Azwiz,

Try this:
Code:
#logo > img {
  height: #px;
  weight: #px;
}

Replace # with the number you'd like.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: banner image not resizing

Post by azwiz on November 28th 2014, 11:09 pm

Thank you Ive done that . Nothing happened .

#logo {
  height:350px;
  width:1125px;}
 {  -webkit-background-size: cover;  -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: left top; background-repeat: no-repeat;}
#logo img}
 width:1125px!important;
{ #logo, #logo img {padding:0px;width: 100% !important;height: 60% !important;}

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: banner image not resizing

Post by Ramdaman on November 28th 2014, 11:13 pm

Hmm, seems a few of your CSS codes are duplicates, and one does not contain a selector. Try replacing those codes with this:
Code:
#logo {
  height:350px;
  width:1125px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: left top;
  background-repeat: no-repeat;
}
#logo, #logo img {padding:0px;width: 100% !important;height: 60% !important;}

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: banner image not resizing

Post by SLGray on November 28th 2014, 11:14 pm

Try using this CSS selector:
Code:
#logo-desc


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


SLGray
Administrator
Administrator

Male Posts : 35622
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: banner image not resizing

Post by Ramdaman on November 28th 2014, 11:19 pm

Oh, and in case you're confused what a selector is, this is the CSS layout.
Code:
Selector-is-here {
attribute-here: value-here;
}

The { (open bracket) tells the page that the CSS selector stops, and the attributes and values will be now displayed. The } (closed bracket) tells the page that the attributes and values have finished.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved Re: banner image not resizing

Post by azwiz on November 28th 2014, 11:29 pm

Idk but it's now much worse . At least I had it rectangular and about 2/3 of the page . Now it is square and more than a full page .

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: banner image not resizing

Post by azwiz on November 28th 2014, 11:32 pm

Ok after I added" -desc " the banner sized properly but it is so streched that the text is now unreadable . So much for that banner .

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: banner image not resizing

Post by azwiz on November 28th 2014, 11:37 pm

Seems like there should be a way to resize it before I add the text . I know that the pic hosts that I use ( photo bucket , and tinypic ), I am unable to upload after resizing . Maybe I should try another pic host .

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: banner image not resizing

Post by Ramdaman on November 28th 2014, 11:38 pm

I think it's just the image, you have a badly shaped image for the forum. A big height for the banner isn't good.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

Back to top Go down

Solved ?

Post by azwiz on November 28th 2014, 11:42 pm

original issue is solved .

I dont want a big heigth . That is what the problem was , now that you helped me get 1125 x 350 it is the right size but screwed up the text

azwiz
Forumember

Male Posts : 389
Reputation : 5
Language : english
Location : Apache Junction , Arizona USA

http://valleyofthesun.forumotion.co.uk/

Back to top Go down

Solved Re: banner image not resizing

Post by Ramdaman on November 28th 2014, 11:51 pm

Yep, so it's the image that needs renewing.

Topic solved and archived.

Ramdaman
Active Poster

Male Posts : 1614
Reputation : 96
Language : English, Albanian, Macedonian, Russian | HTML, CSS
Location : New York City

http://ndihme.forumotion.com/forum

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