text cutted on the bottom of page

  • Hello

    I’m using wordpress for the first time and i’m using a theme that i’m having a bit of troubles.

    At the moment the problem is probably only related with css but i can’t understand it.

    on https://r2com.pt/wordpress/about/ , if i use firefox or chrome the bottom of the content is cut as you can see. it’s happening in a few of my pages. here is the same problem: https://r2com.pt/wordpress/servicos/

    Anyone can help to fix this? Thanks

Viewing 15 replies - 1 through 15 (of 28 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t see what you mean.
    On this page, https://r2com.pt/wordpress/about/ , can you state which sentence is cut-off?

    Thread Starter alapimba

    (@alapimba)

    with firefox it’s only visible until the year 2008.
    with IE it’s fine..

    i have text writter until year 2012.. it’s hidden (under de footer div?).

    Thread Starter alapimba

    (@alapimba)

    can you see the problem?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I can’t see the problem, can you state which Firefox version you’re using?

    Thread Starter alapimba

    (@alapimba)

    Hi

    Firefox 15.0.1

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I see your problem.

    This is caused by an inline height CSS style on <div id="single-content">. If you cannot find this

    <div id="single-content" class="g640 single-col-page" style="height: 689px; overflow: auto; ">

    Then the CSS may be adding via JavaScript.

    Thread Starter alapimba

    (@alapimba)

    Where did you find that line?

    This problem is happening in a few more pages and they don’t have all 689px.

    more examples: https://r2com.pt/wordpress/servicos/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    In that link, there’s another height

    <div id="single-content" class="g640 single-col-page" style="height: 1403px; overflow: auto; ">

    Look at the template files that are assigned to those pages.

    Thread Starter alapimba

    (@alapimba)

    Hi

    On the template i have this:

    <div id="single-content" class="g640 single-col-page">

    So where the height appear? i can’t figure it as it seems to change from page to page..

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try disabling some plugins to find the culprit JavaScript.

    Thread Starter alapimba

    (@alapimba)

    deleting this from the headers.php fixed the problem.. but changed the font on the site.
    what can be the relation between this and the problem?

    <link href=”https://fonts.googleapis.com/css?family=Droid+Sans:400,700&#8243; rel=”stylesheet” type=”text/css”>

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The page does still have the height problem, you’re just seeing reduced font size (from a change in font), which is simulating a solution; try adding more text to see what I mean.

    Keep searching for the JavaScript which is implementing your height problem.

    Thread Starter alapimba

    (@alapimba)

    weird.
    i saved the page to my computer. and just deleted all the JS associated and the problem is still there.

    the only line of codes that do something is when i delete:

    <!DOCTYPE html> because it reduce the line space and that kind of errors. i can’t understand how the height is generated :S

    Thread Starter alapimba

    (@alapimba)

    the source problem should be this i guess:

    (function($) {
	$.fn.equalHeights = function(minHeight, maxHeight) {
		tallest = (minHeight) ? minHeight : 0;
		this.each(function() {
			if($(this).height() > tallest) {
				tallest = $(this).height();
			}
		});
		if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
		return this.each(function() {
			$(this).height(tallest).css("overflow","auto");
		});
	}
})(jQuery);

    [Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum’s parser.]

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Looks like it.

Viewing 15 replies - 1 through 15 (of 28 total)
  • The topic ‘text cutted on the bottom of page’ is closed to new replies.