Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • simplesite Friend
    #190730

    Sorry, I don’t know any css so I hope one of you wizards can help me out.

    I am simply trying to create text in a Custom HTML module: Black background, white text to keep it similar.

    Here is what I tried but didn’t work:

    1) Adding “black” in the Module Class Suffix field; just like in the facebook moule where there is “blue”, but it doesn’t work.

    2) Adding this HTMLcode
    <body bgcolor=”#000000″ link=”#990033″ vlink=”#990033″ rightmargin=”3″ leftmargin=”3″> <body>

    3) Table: I created a table in html with a black background but the table background stays white.

    So can some one tell me how to”
    – Change the background color from a module position
    – Add a left and margin

    In case you want to see what I mean. I want to make the background black of the white squares:
    http://going-natural.com/jfixel/index.php/categories/natural-hairstyles

    Thanks!

    phong nam Friend
    #506312

    Hi simplesite,

    You can try to create a module class suffix with black background by creating a custom.css file in templates/ja_fixel/css/ path, end put blow codes into:

    .module.black {
    background: black;
    }

    Then add “black” into Module class suffix options of the modules you want. Make sure you leave a space before the text.

    simplesite Friend
    #506373

    Thanks. This works. Now how can you add a margin?

    TomC Moderator
    #506375

    <em>@simplesite 390261 wrote:</em><blockquote>Thanks. This works. Now how can you add a margin?</blockquote>
    For which particular module are you wanting to add a margin?

    Where do you want the margin(s) – left, right, top, bottom?

    simplesite Friend
    #506385

    Left and right I need an indent see the image.


    1. margin
    TomC Moderator
    #506391

    I believe what you need is to add soem “padding” properties to the relative CSS rule.

    Try this . . . .

    Within file path –> /jfixel/templates/ja_fixel/css/themes/dark-green/template.css

    at line 466, add some padding properties as follows (for example):


    p {
    margin: 0 0 10px;
    padding-left: 10px;
    padding-right: 10px;
    }

    Does that help the display for you a bit more?
    Of course, you can play around with the pixel values until you arrive at the result you’re most happy with.

Viewing 6 posts - 1 through 6 (of 6 total)

This topic contains 6 replies, has 3 voices, and was last updated by  TomC 11 years, 2 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum