Unfortunately due to other commitments, we are no longer able to provide support for these themes.

All our themes are now free and can be downloaded by anyone to use/modify however they wish.

We want to thank all our users for their support over the years. All the best in 2020 and beyond.

3 questions: Logo placement, headlines getting cut and columns not getting aligned

trulstruls Support Expired
You can see the site I'm having issues with at: http://businessvillage.no/

Hi,
1. I wonder if also could help me out with placing the logo over the headline text in the header on this page http://businessvillage.no/?

2. Something strange is happening with the headlines in the 3 column section,
In the last column the last character is hidden. Any ideas on why that is happening?

3. On this page http://businessvillage.no/bedriftene/ the headlines PSYKOLOGPRAKSIS is not lined up with the others. Cant get why this is happening, any ideas?

Best regards
Truls

Comments

  • Options
    Mark_HodderMark_Hodder Administrator, Lifetime Member
    1. I'm not sure what you mean here - you want the logo text to replace the headline text "For små bedrifter med store ambisjoner." Or you want the logo to actually be sitting on top of the text with the text still visible?

    2/3. It's happening because of the length of some single words being so long. You would either have to adjust the font sizes for your h2/h3 tags to something smaller to give them more room.

    Or add something like this:
    h2, h3 {
      overflow-wrap: break-word;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
    }
    Which will attempt to hyphenate or break words as smart as it can automatically.
    Need Additional Help?
    - Check out the Resource Center for helpful tutorials and hints.


    image
  • Options
    trulstruls Support Expired
    Hi,

    1. I want the logo to be sitting on top of the text with text still visible.

    2. Great thanks!
  • Options
    matt_hoddermatt_hodder Moderator, Lifetime Member
    To have the image over the text, you could add the following CSS:
    .t-featuredarea .wp-image-22 {
        margin-top: -240px;
        opacity: 0.5;
    }
    I added the opacity value so that it's semi-transparent and you can still see the text. You can adjust that if you'd like.
  • Options
    trulstruls Support Expired
    Hi. I am sorry to be unclear. But I want the logo above the heading. Not overlapping. The heading and the logo should switch places if you understand?
  • Options
    matt_hoddermatt_hodder Moderator, Lifetime Member
    Oh okay. In that case you can just remove the Featured Area Title (leave the field blank in Apperance > Themedy Options) and then add the full image and text to the Featured Area Title field:

    <p><img width="300" height="300" alt="Business Village Aker Brygge" src="http://businessvillage.no/wp-content/uploads/2016/06/busniness_village_logo-400px-e1465995847433.png" class="wp-image-22 size-full aligncenter"></p><h1>For små bedrifter <strong>med store ambisjoner</strong>.</h1>

    Here's a screenshot of what I mean: https://cloudup.com/cdTJpiDPfHs

    You may have to adjust some CSS to get the placement correct, but that should do what you need.
  • Options
    trulstruls Support Expired
    Great! Thanks, that worked fine!
This discussion has been closed.