Topic Resolution: Resolved
  • Closed
  • Sanschnei
    Spectator
    July 27, 2015 at 3:50 pm #19213

    Hi there,

    I’m using evolve+. I try to change the position of the tagling button. That is how it looks now

    http://screenshot.co/#!/87986c8e3e

    I would like to place the button under the text. What kind of CSS should I take?

    Thanks for your answer.
    Sandra

    Denzel Chia
    Moderator
    Posts: 2656
    July 28, 2015 at 5:45 am #19236

    Hi,

    Please post your url. We will see if custom css positioning can help.
    If not your will have to contact our service https://theme4press.com/services/ for a quotation to reposition the button code.

    Thanks!

    Sanschnei
    Spectator
    Posts: 31
    July 29, 2015 at 3:12 pm #19337

    Hi Denzel,

    thanks for your answer. The URL is http://nordsee-schillig.de, but the site is not online so far. I tried a lot to position the button in the reading box, but then it is not responsive anymore.

    I am as well not happy with the space between the text and the button. If you have more text it looks like this
    http://screenshot.co/#!/4508f3197e

    Could I change the margin/padding of the button? If I change the margin, the box doesn’t look good in the responsive layout.

    Yours.
    Sandra

    Imran
    Spectator
    Posts: 402
    July 29, 2015 at 4:27 pm #19350

    Hi Sandra,

    Thanks for writing in,

    Upon checking, the URL you have provided is not enough to provide you an exact possible solution. Would you mind providing us with your WordPress login credentials in a private reply so that we can take a closer look to the issue?

    Thanks.

    Sanschnei
    Spectator
    Posts: 31
    July 30, 2015 at 10:44 am #19375

    Hi Imran,

    here is the html code for the tagline box

    <section class=”reading-box ” style=”background-color: !important;border-width:1px;border-color:!important;border-none-width:3px !important;border-none-color:!important;border-style:solid;”>Zum Ferienhaus<p>Erfahren Sie mehr über das Ferienhaus, seine Ausstattung und Besonderheiten. Stöbern Sie in der Bildergalerie und entdecken Sie Ihr Ferienhaus für die ganze Familie in Horumersiel-Schillig.</p>Zum Ferienhaus

    </section>

    Here is the shortcode in wp page

    Zum Ferienhaus

    Erfahren Sie mehr über das Ferienhaus, seine Ausstattung und Besonderheiten. Stöbern Sie in der Bildergalerie und entdecken Sie Ihr Ferienhaus für die ganze Familie in Horumersiel-Schillig.

    Zum Ferienhaus

    Here is a part of my custom css. I just changed the space between two reading boxes

    .reading-box-container {
    margin: 20px 0 0;
    }

    Does this help you?

    Sandra

    Sanschnei
    Spectator
    Posts: 31
    July 30, 2015 at 10:48 am #19376

    Ups here we go again with the html code 😉


    <div class="reading-box-container" id="reading-box-container-1"><section class="reading-box " style="background-color: !important;border-width:1px;border-color:!important;border-none-width:3px !important;border-none-color:!important;border-style:solid;"><a href="/ferienhaus-schillig-nordsee/" target="_self" class="continue button large blue">Zum Ferienhaus</a><p>Erfahren Sie mehr über das Ferienhaus, seine Ausstattung und Besonderheiten. Stöbern Sie in der Bildergalerie und entdecken Sie Ihr Ferienhaus für die ganze Familie in Horumersiel-Schillig.</p><a href="/ferienhaus-schillig-nordsee/" target="_self" class="continue mobile-button button large blue">Zum Ferienhaus</a><div class="tagline-shadow"></div></section></div>

    Imran
    Spectator
    Posts: 402
    July 30, 2015 at 4:08 pm #19391

    Hi Sandra,

    Importantly, I’d require the username and the password of your WP admin panel in a private reply, as you stated that the site is not yet online, so we’ll be able to assist you correctly and provide you with a most possible solution.

    Thanks.

    Sanschnei
    Spectator
    Posts: 31
    July 30, 2015 at 5:10 pm #19397
    This reply has been marked as private.
    Denzel Chia
    Moderator
    Posts: 2656
    July 31, 2015 at 7:31 am #19425

    Hi,

    Please use the following Custom CSS codes.

    .reading-box-container .reading-box {
    padding-bottom: 80px;
    }

    .reading-box-container .button {
    bottom: 20px;
    position: absolute;
    }

    Screenshot of result, http://share.pho.to/9bpyQ/br/original
    http://share.pho.to/9bpyV/z8/original

    Thanks!

    Sanschnei
    Spectator
    Posts: 31
    July 31, 2015 at 9:14 am #19433

    Hi Denzel,

    that looks great! 🙂

    Thanks a lot!

    Best regards
    Sandra