for some reason my wordpress page broke.
usually the first thing on my home and about us page was a full width image with text on top. Now The page's Title with a white < div > is being shown on top.
https://malimo.co/unsere-vision/
https://malimo.co
This weirdly happened after I created a new page and built it with visual composer.
I tried tons of things like deactivating all plugins and I even reinstalled a complete backup of all files and database from 10 days ago. The problem still persists. The theme author is unresponsive and I have no clue what to do. I put tons of work into this site that's why any help or clue as to where I could look for a problem is greatly appreciated. Thank you.
EDIT:
This is what the site is supposed to look like:
HOME https://imgur.com/a/kbsIH
UNSERE VISION http://imgur.com/a/49MnS
Notice in the code below, that the outermost div with the class "theme__section__overlay" differs in that the functional version contains the class -image, where as the non-functional one contains the class -parallax
The Unsere-vision Version
<div class="theme__section__overlay -image">
<div class="parallax__wrap parallax">
<div class="parallax__image" data-bg-src="https://malimo.co/wp-content/uploads/2016/11/Screen-Shot-2016-11-13-at-11.04.19-1741x1080.png" style="background-image: url("https://malimo.co/wp-content/uploads/2016/11/Screen-Shot-2016-11-13-at-11.04.19-1741x1080.png");">
</div>
</div>
</div>
Home page
<div class="theme__section__overlay -parallax">
<div class="parallax__wrap parallax">
<div class="parallax__image" data-bg-src="https://malimo.co/wp-content/uploads/2016/11/Screen-Shot-2016-11-13-at-11.04.19-1741x1080.png" style="background-image: url("https://malimo.co/wp-content/uploads/2016/11/Screen-Shot-2016-11-13-at-11.04.19-1741x1080.png");">
</div>
</div>
</div>
Quite likely the case that you've missed changing a setting in visual composer to fix this issue.
Related
It seems like my theme has a "feature" that changes my normal page header when i set a default post-page. Every time I set a default page for the blog-posts (readings: set page for the posts-page), the theme changes that pages title, and replaces it with “Latest News” in the centre. It appears this might be a "feature" of my theme, peakshops, but their support has gone dark.
I can't find where this is located. I can see in a code inspector this thing looks like some sort of "archive-title" class... so I'm wondering if there are some css changes i can make to change the title from "latest news" to anything else. When i click on the inspector i shows me this:
<div class="archive-title search-title">
<div class="row align-left text-left">
<div class="small-12 medium-8 large-6 columns">
<h1>
Latest News</h1>
</div>
</div>
</div>
And maybe if anyone knows how to find where that is hidden, i can then change it! I’d welcome some help please! Thanks much 🙂
The page I need help with: https://www.byjgk.com/blog/
I've downloaded a ready-made HTML5 website template from w3layouts.com that is under CC3.0 license. Because the used scripts like Bootstrap etc. are all old version I'm updating these and the source code to function. But I'm on a issue that I can't get resolved. I'm new in Bootstrap and it's my first time I'm working with it. I'm tired of coding my own designs. :)
The original/old template is using Bootstrap v3.3.4 and I using now 4.0.0-beta.
As you could see here in the original the "My Services" section is all in shape. But in my updated version the columns wont wrap. I've already tried a lot of things and Googled a lot but found no solution.
Here are the source codes:
HTML: https:// pastebin.com/NJYmqAk2
CSS: https:// pastebin.com/AdYUTtFe
(Sorry I had to modify the pastebin links 'cuz I'm not high reputated atm. :))
It seems that the version of Bootstrap you're using, is not dividing the columns width in %, and also they are not floating left.
In your HTML, there's a big problem with the row wrapped around each column.
<div class="row"> <!-- This wraps the column and defeats its purpose -->
<div class="col-xs-4 wthree_about_right_grid_left">
<div class="hvr-rectangle-in">
<i class="glyphicon glyphicon-pencil"></i>
</div>
</div>
</div>
Start by deleting the row, and then you're going to want to make the colums float left and determine it's width in %.
Like this:
By doing so, you can get it to act like on your template, and ultimately solve your initial problem.
You would benefit far more from using the version of bootstrap that is compatible with your template.
All the pages on my responsive site look fine on my Galaxy S7 except my homepage and I can't figure out why.
Here's an example of a page that looks fine:
http://edge-trainer.com/kick-in-the-butt-jumpstart.php
Here's my homepage:
http://edge-trainer.com/
I'm using the same CSS. Looking at my source code, can anyone see what the problem might be?
Thank you in advance.
Tim
The problem in your homepage is that the content-wrappers are not inside the content container.
Within your normal page you linked the dom structure is
<div id="content-container">
<div class="content-wrapper>yourcontent</div>
</div>
whereas in your home page it is
<div id="content-container">
<div class="content-wrapper>yourcontent</div>
</div>
<div class="content-wrapper>yourcontent</div>
<div class="content-wrapper>yourcontent</div>
<div class="content-wrapper>yourcontent</div>
Judging by your CSS, all of the .content-wrappers should be inside #content-container
As a sidenote, it might be worth looking into flexbox and relative sizing for the layout you're trying out, it might make your life a bit easier, just a suggestion ;)
I am currently prototyping a website using Foundation 5. I have a HTML5 section which contains an image, header and repeated background. This displays fine locally but as soon as I move the site over to my web server everything in the section tag disappears. It appears for a split second then disappears.
<section id="banner">
<div class="row">
<div class="large-12 columns">
<img class="logo" src="img/logo.png" alt="Logo">
<h1>Heading</h1>
</div>
</div>
</section>
Does anybody know why this is occurring? Seems odd that it only happens on the server.
Thanks in advance!
Please check the Stylesheet (CSS file) has been kept in right folder and CSS path is correct. I have used section tag in my own HTML5 Tutorial website and it is working perfectly. You can visit http://www.html5tutorial4u.com and check the source code of home page. I hope that it will help you a bit.
I have a Wordpress multisite installation with these websites:
A portal: http://www.gprsoftware.nl which links to
http://www.gpradvies.nl
http://www.gprstedenbouw.nl
http://www.gprspecials.nl
http://www.gprgebouw.nl
http://www.gpronderhoud.nl
The problem occurs on all pages of gprgebouw.nl and gpradvies.nl but not on the other domains. Here is a screenshot of the homepage of gprgebouw.nl
What happens:
the right sidebar slides under the content area
the bar-graph icon image is increased in size
grey borders of the sidebar are extended to the top of the content area
Especially point 3 makes me believe that somehow the content area is not closed properly, but I cannot find this in the HTML source.
The weirdest part is that this only happens on the mentioned websites and not on the others although they share all of the Javascript and plugins and most of the CSS (only some colours are different).
Of course all is fine in browsers like Firefox.
Any ideas what is causing this?
I'm using selectivzr and modernizr for IE lte 8.
On http://www.gprgebouw.nl you have a missing closing div tag here:
<div class="aside-content">
<div class="textwidget">
...
<p><img alt="Justus van Effen" src="http://software.gprgebouw.nl/start/images/thumb4476.jpg"> <span class="stars rating30"></span></p>
<p>Bekijk meer projecten op www.gprprojecten.nl</p>
</div>
</div>