FluxCP - Changing Image Location Logo

[cder]

I put a different image like the fluxcp logo in themes / pattern / img, but I still don't know how you can move that image to another place on the web, let's say that instead of putting it in the upper left corner, I would like to put in the upper right corner or even in the center of the upper corner, how does it work?

[BeWan]

1 hour ago, cder said:

I put a different image like the fluxcp logo in themes / pattern / img, but I still don't know how you can move that image to another place on the web, let's say that instead of putting it in the upper left corner, I would like to put in the upper right corner or even in the center of the upper corner, how does it work?

you need to edit the css file. or try to put on the code

margin-left: 500px or -500px it depends on location you want 

*margin-left: 500px !important; 

make sure you put !important to overwrite the css on the logo position

[cder]

15 minutes ago, BeWan said:

você precisa editar o arquivo css. ou tente colocar o código da

margem esquerda: 500px ou -500px, depende do local necessário 

* margem esquerda: 500px! importante; 

incluir-se de colocar! importante para substituir o css na posição do logotipo

Oops, thanks for your attention, but can you be more specific? Where can I find .css? I found flux.css, but I still can't find anything there with the name "Logo", and how and where would I try to put this code?

 

Edited March 19, 2020 by cder

[BeWan]

it depends on the file. you need to find the path for all css file but you can edit it direct on the file by using the code above

[cder]

14 minutes ago, BeWan said:

it depends on the file. you need to find the path for all css file but you can edit it direct on the file by using the code above

Okay, the only .css I found with #logo was ie.css, I tried using this command: "margin-left: 500px! Important;", but it didn't work, any more suggestions?

Spoiler

input[type=text], input[type=password], textarea {
    font-weight: bold;
}

select {
    font-size: 8pt;
    border: 5px solid #000;
}

#logo {
    display: block;
    margin-left: -500px !important;
}

.generic-form-table td input[type=checkbox] {
    display: inline-block;
    margin-top: 3px;
}

ies.css in spoiler

Edited March 19, 2020 by cder

[BeWan]

3 hours ago, cder said:

Okay, the only .css I found with #logo was ie.css, I tried using this command: "margin-left: 500px! Important;", but it didn't work, any more suggestions?

  Reveal hidden contents

input[type=text], input[type=password], textarea {
    font-weight: bold;
}

select {
    font-size: 8pt;
    border: 5px solid #000;
}

#logo {
    display: block;
    margin-left: -500px !important;
}

.generic-form-table td input[type=checkbox] {
    display: inline-block;
    margin-top: 3px;
}

ies.css in spoiler

i told you to direct it to the file of the logo.. header.php or etc..

Edited March 19, 2020 by BeWan

[cder]

On 3/19/2020 at 8:05 AM, BeWan said:

i told you to direct it to the file of the logo.. header.php or etc..

Okay, it wasn't just that, but thanks for opening my mind a little more ... close topic ...

Edited March 23, 2020 by cder

[BeWan]

3 hours ago, cder said:

Sorry but that didn't help me, because this command cannot be used in header.php

style = " margin-left: 500px !important;  "

if you dont have knowledge in css, check this website

https://www.w3schools.com/w3css/