Jump to content

Opmaak En Tekst Categorieblok


BDohmen

Recommended Posts

Voor elke categorie heb ik een stuk tekst en een plaatje geplaatst, echter de tekst loopt over het plaatje heen en is in een grijze kleur, waardoor je deze niet goed kan lezen.

Nou Wil ik de tekst in een andere kleur en naast het plaatje.

 

Ik weet dat hier een topic over is geweest maar kan het niet terugvinden.

 

voorbeeld van hoe ik het zie

post-935083-0-78438900-1453057377_thumb.png

 

De configuratieinfo.

post-935083-0-87489800-1453057414_thumb.png

 

Alvast bedankt.

 

Bjorn

Link to comment
Share on other sites

 

Proberen om stijl toe te voegen als volgt:

Try to add/change style like this:

.content_scene_cat span.category-name,
.cat_desc .rte {
    color: black;
}

Het bovenstaande dien ik in de blockcategories.tpl aan te passen, of zit ik dan verkeerd?

Link to comment
Share on other sites

Probeer in plaats

Try instead

 

 

global.css (change)

.cat_desc .rte {
    color: black;
}

category.css (change)

.content_scene_cat span.category-name {
    font: 600 42px/51px "Open Sans", sans-serif;
    color: black;
...
Link to comment
Share on other sites

De laatste aanpassing werkt, is een stuk duidelijker.

Nu is alleen de vraag hou ik de tekst naast het plaatje krijg.

 

Alvast bedankt.

 

The last change worked.

I can read the text a lot better now and so will my customers.

 

the following question remains, what to change to get the text next to the picture.

Link to comment
Share on other sites

ik zie de text-align al in de category staan

 

onder het kopje

#subcategories ul {
    margin: 0 0 0 -20px; }
    #subcategories ul li {
      float: left;
      width: 145px;
      margin: 0 0 13px 33px;
      text-align: left;
      height: 202px; }
      #subcategories ul li .subcategory-image {
        padding: 0 0 8px 0; }
        #subcategories ul li .subcategory-image a {
          display: block;
          padding: 9px;
          border: 1px solid #d6d4d4; }
          #subcategories ul li .subcategory-image a img {
            max-width: 100%;
            vertical-align: top; }

 

eerst stond er center deze is aangepast, of zoek ik verkeerd?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...