0 Members and 1 Guest are viewing this topic.

*

chris99

  • *
  • 26
  • osDate Version: osDateEvo v1.2
Logo Resizing
« on: January 29, 2018, 12:05:39 AM »
I want to change my logo size, but i check in the css folder and i can't find logosize. Where should i go to find the css.logosize

*

Pharg

  • *****
  • 3,118
    • OsDateFourm
  • osDate Version: osDateEvo v1.3
Re: Logo Resizing
« Reply #1 on: January 29, 2018, 12:19:01 AM »
Hi Chris99,

In the css folder find desktop.css and mobile.css and in both files you will find the .logosize:

For Desktop it's:
Code: [Select]
.logosize {
height: 100px;
width: 200%;
max-width: 800px;
width: auto;

max-height: 150px;
min-height: 100px;
}

For mobile it's
Code: [Select]
@media only screen and (max-width : 780px) {
.logosize {
height: 70px;
//width: 200%;
max-width: 300px;
width: auto;
max-height: 100px;
min-height: 70px;
 }   
}

@media only screen and  (min-width : 200px) and (max-width :499px) {
.logosize {
height: 60px;
//width: 100%;
max-width: 200px;
width: auto;
max-height: 80px;
min-height: 60px;
 }
}

Regards,
Pharg ( Phill )

REMEMBER: ALWAYS BACKUP BEFORE YOU MAKE ANY CHANGES!!

osDateEvo v1.3 | PHP: 5.3.42 & PHP: 7.1.15 | MySQL: 5.5.35

*

chris99

  • *
  • 26
  • osDate Version: osDateEvo v1.2
Re: Logo Resizing
« Reply #2 on: January 29, 2018, 12:36:19 AM »
I try changing the logo size for desktop. but i when to my site and reload the page, its not showing any change

*

Pharg

  • *****
  • 3,118
    • OsDateFourm
  • osDate Version: osDateEvo v1.3
Re: Logo Resizing
« Reply #3 on: January 29, 2018, 12:50:35 AM »
Hi Chris99,

I just looked at yours and you haven't changed anything, it still looks like this:
Code: [Select]
.logosize {
height: 100px;
width: 200%;
max-width: 800px;
width: auto;

max-height: 150px;
min-height: 100px;
}
Regards,
Pharg ( Phill )

REMEMBER: ALWAYS BACKUP BEFORE YOU MAKE ANY CHANGES!!

osDateEvo v1.3 | PHP: 5.3.42 & PHP: 7.1.15 | MySQL: 5.5.35

*

Pharg

  • *****
  • 3,118
    • OsDateFourm
  • osDate Version: osDateEvo v1.3
Re: Logo Resizing
« Reply #4 on: January 29, 2018, 12:55:15 AM »
Hi Chris99,

I changed it to this and now the logo is bigger.
Code: [Select]
.logosize {
height: 140px;
width: 200%;
max-width: 800px;
width: auto;

max-height: 150px;
min-height: 100px;
}
Regards,
Pharg ( Phill )

REMEMBER: ALWAYS BACKUP BEFORE YOU MAKE ANY CHANGES!!

osDateEvo v1.3 | PHP: 5.3.42 & PHP: 7.1.15 | MySQL: 5.5.35

*

chris99

  • *
  • 26
  • osDate Version: osDateEvo v1.2
Re: Logo Resizing
« Reply #5 on: January 29, 2018, 01:07:54 AM »
I change it to height: 75px; and it stop right there, not changing anything lower than 210

*

Pharg

  • *****
  • 3,118
    • OsDateFourm
  • osDate Version: osDateEvo v1.3
Re: Logo Resizing
« Reply #6 on: January 29, 2018, 01:50:09 AM »
Hi Chris99,

It has a min-height: 100px; so anything under 100px won't work.

Only way it will work is changing the min-height also.

min-height: 75px;

Why are you making it smaller when you said you wanted to make it larger?

You need to google and learn about css, it will be the best way to know what to do.
« Last Edit: January 29, 2018, 01:51:56 AM by Pharg »
Regards,
Pharg ( Phill )

REMEMBER: ALWAYS BACKUP BEFORE YOU MAKE ANY CHANGES!!

osDateEvo v1.3 | PHP: 5.3.42 & PHP: 7.1.15 | MySQL: 5.5.35