Stretched "Read More"-Button under Image

  • Resolved wvgw_AG

    (@wvgw_ag)


    10 years, 8 months ago

    First of all I have to say that I love this theme and did not hesitate to bye the plus-version.

    My problem:
    When there is an image (not Featured image) and little text in the beginning of a post, i get a stretched “Read More”-Button (see here: https://www.geothermie-nachrichten.de/category/oberflachennahe-geothermie/page/3).
    I can insert some blank lines under the text to change this but these lines are also visible in the full post-view.

    Is there a way to solve the problem with css-changes?

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

  • as far as I can see, the button ‘weiterlesen’ seems to have the same size in all the posts;

    what browser are you using?
    can you provide a screenshot of the problem?

    Thread Starter wvgw_AG

    (@wvgw_ag)

    Sure:
    https://www.geothermie-nachrichten.de/wp-content/uploads/2014/06/Read-More-Button.jpg

    This is the excerpt:
    https://www.geothermie-nachrichten.de/?s=iga-academy

    I see this in Firefox and IE

    Theme Author Ben Sibley

    (@bensibley)

    Thanks for using Ignite and upgrading too!

    I’ve checked the page in Chrome, FF, and IE10 & IE11, but I can’t seem to recreate the issue.

    In the post that’s having the issue, can you switch the editor from ‘Visual’ to ‘Text’ view and find the <–!more–> tag? I think it may have gotten included within the <img /> element or something of that nature.

    Thread Starter wvgw_AG

    (@wvgw_ag)

    The Image ist on Top and the more-tag follows under the short text.

    [caption id="attachment_5225" align="alignleft" width="300"]<img class=”size-medium wp-image-5225″ src=”https://www.geothermie-nachrichten.de/wp-content/uploads/2013/11/IGA-Academy-300×261.jpg&#8221; alt=”Prof. Roland Horne – Pr?sident der International Geothermal Association (IGA) – und Prof. Rolf Bracke – Direktor des Internationalen Geothermiezentrums (GZB) – verkünden offiziell die Gründung der IGA Academy in Bochum.” width=”300″ height=”261″ /> Prof. Roland Horne – Pr?sident der International Geothermal Association (IGA) – und Prof. Rolf Bracke – Direktor des Internationalen Geothermiezentrums (GZB) – verkünden offiziell die Gründung der IGA Academy in Bochum.[/caption]

    Am 15. November haben Prof. Roland Horne – Pr?sident der International Geothermal Association (IGA) – und Prof. Rolf Bracke – Direktor des Internationalen Geothermiezentrums (GZB) – offiziell die Gründung der IGA-Academy verkündet. 100 internationale G?ste aus Wirtschaft, Politik und Wissenschaft feierten den Startschuss des neuen Aus- und Fortbildungszentrums für die Geothermie in Bochum. Die IGA-Academy wird unter dem Dach des Internationalen Geothermiezentrums (GZB) in Bochum ans?ssig sein, wo sich bereits seit 2011 die Gesch?ftsstelle der IGA befindet.

    <!–more–>

    The button is always stretched, when it is displayed (frontend) under the Image. Another example: https://www.geothermie-nachrichten.de/?s=vadis

    Theme Author Ben Sibley

    (@bensibley)

    Okay I’ve figured it out, thanks for your patience!

    To fix it, you’ll first want to activate a child theme so your changes don’t get overwritten. You can download an Ignite Child theme here.

    Upload it to your site like a normal theme and activate it. Then, in your Editor menu, found under Appearance, use the dropdown in the top-right corner to select “Ignite Child”.

    Lastly, copy and paste in the following CSS:

    .more-link {
  clear: both;
}

    After saving that should solve the problem

    Thread Starter wvgw_AG

    (@wvgw_ag)

    Works! Thanks a lot!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Stretched "Read More"-Button under Image’ is closed to new replies.