slider heading not transparent and additional layout section below slider

Discussion in 'ButterBelly WordPress Theme' started by mwnow, Jun 22, 2015.

  1. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    Hello there,

    1. on my site the background oft the slider heading and section is not transparent like in your demo.
    Its just a black background. How can I fix that?

    2. And I would need below that Slider and additional section/area.
    (Like your "Feature Tabs Area" in the demo, but it should be a fullwidth area...to enter some more text an maybe some images about the company.
    After that then should appear "Über unsere Stores" and "Anmeldung zum Newsletter"

    > For easier understanding I have create a screenie.

    And another question.
    3. Can I change the typo font for all <h1> <h2> etc...our clients does not like the Ü Ä and Ö in the demo font...so it would be great if I can add for that simple another font...

    Thank you very much for your help.

    Greetings Miriam
     

    Attached Files:

  2. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
  3. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello,

    1>Use the following CSS code : -
    Code:
    .flex-caption {
      background: none;
      }
    2> Please follow the screenshot given below.
    butterbelly_add_custom_text_section_in_homepage.png
    PHP:
     <div class="grid_24">
        <
    div class="my_custom_text_section">
          
    Write your text here...
        </
    div>
      </
    div>
       <
    div class="clear"></div>
    Now, paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .my_custom_text_section {
      text-align: center;
      padding: 20px 25px;
      background: gray;
    }
    3> You can use any font you your choice. Use the CSS code : -
    Code:
    h1, h2, h3, h4, h5, h6{
    font-family: arial !important;
    }
    Please change font-family according to your requirement.

    Thanks,
    Praveen
     
  4. mwnow

    mwnow Member

    Joined:
    Sep 23, 2013
    Messages:
    82
    Likes Received:
    3
    Hi there,

    my problems 1) and 2) are solved :) Thank you very much.

    on 3) the code in custom css not work...

    I tried to change the font for all headings in the css file, but it seems that this will be ignored from the browsers?
    (i removed the font in style.css

    know it looks like that:
    Code:
    h1, h2, h3, h4, h5, h6 {
        font-family:'verdana', 'Lucida Grande', HelveticaNeue, 'Helvetica Neue', Helvetica; !important
        font-weight: normal;
        color: #010101;
    }
    But it unfortunately not works that way..

    Can you further help me?

    Thanks, Greetings Miriam
     
  5. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hello, Miriam!

    My mistake...

    In ButterBelly Theme, cufon.js is used which converts the text/headings into images. So before applying any changes in the texts/headings you must have to disable it.
    Please follow the screenshot given below to disable cufon.js.
    butterbelly_disable_cufon.png

    Now, you can apply you CSS.

    Thanks,
    Praveen
     

Share This Page