Jump to content
  • 0

FluxCP - Changing Image Location Logo


cder

Question


  • Group:  Members
  • Topic Count:  36
  • Topics Per Day:  0.02
  • Content Count:  96
  • Reputation:   0
  • Joined:  08/06/18
  • Last Seen:  

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?

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

  • Group:  Members
  • Topic Count:  19
  • Topics Per Day:  0.01
  • Content Count:  398
  • Reputation:   246
  • Joined:  07/04/19
  • Last Seen:  

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

  • Upvote 1
Link to comment
Share on other sites

  • 0

  • Group:  Members
  • Topic Count:  36
  • Topics Per Day:  0.02
  • Content Count:  96
  • Reputation:   0
  • Joined:  08/06/18
  • Last Seen:  

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 by cder
Link to comment
Share on other sites

  • 0

  • Group:  Members
  • Topic Count:  19
  • Topics Per Day:  0.01
  • Content Count:  398
  • Reputation:   246
  • Joined:  07/04/19
  • Last Seen:  

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

  • Upvote 1
Link to comment
Share on other sites

  • 0

  • Group:  Members
  • Topic Count:  36
  • Topics Per Day:  0.02
  • Content Count:  96
  • Reputation:   0
  • Joined:  08/06/18
  • Last Seen:  

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 by cder
Link to comment
Share on other sites

  • 0

  • Group:  Members
  • Topic Count:  19
  • Topics Per Day:  0.01
  • Content Count:  398
  • Reputation:   246
  • Joined:  07/04/19
  • Last Seen:  

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 by BeWan
  • MVP 1
Link to comment
Share on other sites

  • 0

  • Group:  Members
  • Topic Count:  36
  • Topics Per Day:  0.02
  • Content Count:  96
  • Reputation:   0
  • Joined:  08/06/18
  • Last Seen:  

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 by cder
Link to comment
Share on other sites

  • 0

  • Group:  Members
  • Topic Count:  19
  • Topics Per Day:  0.01
  • Content Count:  398
  • Reputation:   246
  • Joined:  07/04/19
  • Last Seen:  

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/

  • MVP 1
Link to comment
Share on other sites

×
×
  • Create New...