Suporte » Temas » Dificuldades no CSS

  • Resolvido jonathansilvaduarte

    (@jonathansilvaduarte)


    Olá, uso o tema Multichrome no site http://www.suzukitec.co.cc
    Estou fuçando no CSS e a maioria das coisas eu já consegui fazer, do jeito que eu quero. Só que agora eu não dei conta desse problema:
    O menu horizontal, logo abaixo do logo, está deixando um espaço entre o SLIDE carossel. Eu já fiz inumeras alterações no CSS… agora tá certinho o posicionamento das palavras na barra, está bem centralizado. O problema é aquele espaço pequeno, porém chato… ele até que some… mas quando some as palavras do menu vão lá pra cima…não ficam centralizado.
    Postei uma imagem frizando o local do espaço http://www.suzukitec.co.cc/Problemas.png

    Eu ainda estou tentando. Desde já obrigado.

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • Isso parece resolver..
    #catmenu ul li ul {margin-top:-5px;}

    Mas acho bem mais elegante com a linha preta.

    Criador do tópico jonathansilvaduarte

    (@jonathansilvaduarte)

    O cara, vou te confessar que eu não sei nem adcionar isso no código, eu sei alterar, agora colocar ali eu me perco.
    http://suzukitec.co.cc/style.css
    Onde eu ponho?
    E tipo, eu definindo “#catmenu ul li ul {margin-top:-5px;}” os outros catmenus ul e li e ul não vão ser substituidos?

    Valeu (:

    Criador do tópico jonathansilvaduarte

    (@jonathansilvaduarte)

    Eu tirei todas as linhas relacionadas com o cat menu que continha “UL” “LI” e embuti só esse #catmenu ul li ul {margin-top:-5px;}, desconfigurou bastante coisa, voltei a usar todas as linhas.
    O css original tem um monte de parâmetros… pading opx opx opx opx etc. Já tentei configurar esses valores e outros relacionados. Mas eu não consigui mesmo tirar o espaçamento que há entre o slide e o menu.

    Simplesmente coloque o código sugerido ao final do seu style.css e faça o teste.

    Criador do tópico jonathansilvaduarte

    (@jonathansilvaduarte)

    Não, não ocorreu nada… Eu já havia inserido antes… Ainda permanece o pequeno vãozinho… :S

    Edição 1: O espaçamento entre o menu pai e seus “filhos” sumiu. Ainda permanece o vão entre a imagem de baixo com o menu.
    Vou tentar configurar os espaçamentos da imagem colorida do fundo…
    Alguém mais tem ideia do que possa ser?

    Tenta colocar o seguinte no final do seu style.css:

    #catmenu ul {
    height:25px;
    }
    Criador do tópico jonathansilvaduarte

    (@jonathansilvaduarte)

    Opa,. deu tudo certo. Tudo encaixado.
    Agora me diga, esse # indica que a definição a seguir é a que deve prevalecer sobre as outras anteriores?

    Edição1: Olá de novo. Aproveitando este tópico de CSS percebi agora que a imagem e todas as outras ficam com essas bordas estranhas e diferentes entre si. Seria bom colocar o mesmo valor para todas as bordas. Eu tentei procurar essas configurações nos dois arquivos CSS que este tema possui, eu procurei por FFFFFF, pois tal imagem é png e com fundo transparente, mas o fundo ficou branco. Ai eu associei a cor branca com a configuração de bordas das imagens. Mas não consegui mudar. Será que tem como fazer estas duas coisas? A borda e o fundo das imagens?

    Cara, esses são problemas específicos de css. Dá uma estudada porque é muita coisa pra resolver aqui no fórum, e o foco aqui é WordPress. Sugiro instalar a extensão Firebug para Firefox, porque ela permite inspecionar o código e as propriedades css que estão valendo para cada elemento. Com ela fica bem mais fácil identificar o que precisa ser modificado (e ela ainda indica a linha em que a modificação precisa ser feita).

    (O # indica que são as propriedades de um id que serão modificadas)

Visualizando 8 respostas - 1 até 8 (de um total de 8)
  • O tópico ‘Dificuldades no CSS’ está fechado para novas respostas.