We are using Qode's Bridge theme in Wordpress. I have just moved a dev site to the live site and on the Full Width page template it shows no text on the live site but it does on the dev site. On the live site the default template does show content.
For example the Testimonials page (http://unitedconstruction.com/culture/testimonials/) uses a Full Width template and doesn't show the content under the title bar (it is there if you view the code). But the Culture page does show the content (http://unitedconstruction.com/culture/). The only difference between them is that this one uses the default template.
You can also see what I mean about the live site and the dev site on the two home pages.
Live Site (broken): http://unitedconstruction.com/
Dev Site (working): http://ucdev.inventivewebdesign.com/
I have checked all the settings that Qode offers and gone through the CSS and HTML but have not been able to find anything that would cause this.
We'd like the pages to show the content that is coded there. Could anyone please take a look and see if they can catch what I am missing?
You have edited a little bit CSS, because CSS causing issue right now.
If you go to Developer tools, you will see the z-index overlapping on content.
Now the solution is you have install custom CSS plugin, whatever you love to use.
Just paste this CSS and you are good to go!
.container, .content, .full_width {
z-index: unset !important;
position: relative;
}
This will fix the z-index. And you content will be viewable then.
Related
Different size on nav-bar on different pages. On the "index.html" the nav bar is 222x100 and it looks way smaller and on the other page "faq.html" it is 1110x100 and it´s not even half as big as the navbar in index.html. How to make the navbar the same size in every site?
Here are the files:
https://github.com/wreckitralph-tech/html-css-help.git
Thanks for helping me out!
I downloaded your repository, tested it (I had to copy the css and the image into their folders, like /src/img and /src/css ), and it gave me the same navbar on all the pages.
The text was very small, so in the css i replaced the 3px tag with a 20px so I could see clearer the text. The final result was working, and I could switch to all the htmls as intended.
Here is a picture of what i got:
Navbar-screenshot
So, in conclusion, you may have removed the line that was causing the issue for this question, or your browser cached the css file on only one webpage. For this, you can clean your browser's cache ( some of them have a specific command, or it can be found on the settings ).
setting up a basic website. I know basic HTML & CSS, but it's only enough to at least play around.
I was using WordPress editor to change some of the code, now the menu for my header has disappeared (contains home, blog, contact).
Website: http://onwardsdigital.com.au/
I can see it's still their in the source code so not sure why I can't see it and it's visible on mobile version.
Thanks for your help
Your css has this entry:
#main-nav-mobile {
display:none;
background-color: #f9f9f9;
That is being used by the DIV with the class main-nav-mobile. If you get rid of the display:none, it will show up. Did you come up with that entry, or is it Wordpress? If Wordpress, you might want to ask the people who did the template why they have that class set to not display.
please help, i'm a newbie to wordpress.
i am developing a website using wordpress CMS and fitness-lite theme (https://id.wordpress.org/themes/fitness-lite/). i edited the style.css, header.php, footer.php, and customize.php. it was just html and css editing. and then the problem comes.
in the customization in admin mode, the social icon is shown just like the image below
but in the public view mode, the social icon isn't shown just like this
if checked by the inspect feature in Chrome browser, the respective div is there, but it isn't being displayed
i haven't add any plugin, so it shouldn't be caused by one.
do wordpress use different html or php file to show the web in admin mode and the public view mode?
use css
.social-icons{ display: block !important; }
I have a wordpress website using the Arcade Pro theme. The theme is designed with a full-page homepage image and I would like to change it so visitors don't have to scroll to view my articles. The website address is: http://cricketyorkshire.com
Could you suggest what code tweaks to try and make the homepage image no longer full-screen and what specific wordpress files I need to alter?
Ideas welcomed. Very happy with the theme but prob losing visitors who won't scroll past the homepage image to access the latest articles.
Thanks!
Add the following CSS to your style.css file.
.title-card {
height: 50% !important;
margin-top: 25%;
}
I have been working on a simple web site (one page at the moment) to display some basic information. This site also contains several links that refer the user to downloadable content (2 links to a PDF and one link to a zip file).
These links, like most of my page, are hidden using the display:none CSS attribute if the user cannot run JavaScript, which several features of the site require. A message is then displayed in the <noscript> tag to inform the user of why they aren't seeing the scripted content. This was all working perfectly when I previewed the files on my personal computer without hosting them.
My problem came after hosting on the site on GoDaddy.com. Now, whenever <noscript> is called upon (regardless of browser), every link from my site is pulled out and shoved in the upper-left corner where the user can see it. CSS styling does not appear to affect these links and I cannot figure out how to get rid of them.
How can I solve this? Most importantly, how to make the links go away unless I set them to visible again?
This is my <noscript> tag, at the bottom of the page:
<noscript>
<div class="scriptError">
<h1>Javascript is disabled!</h1>
<div id="noScriptNotice">
<p>This site works best with Javascript enabled. A 'noscript-friendly' version is currently in progress, but for now please enable Javascript to view the contents.</p>
</div>
</div>
</noscript>
Everything else (including links) is inside this div:
<div class="scriptedContent" style="display: none;">
<script>
//If scripting is enabled, display the site.
$(".scriptedContent").css("display", "block");
</script>
If it's working on your own localhost, but not Godaddy.com , you should first and foremost try to submit a support ticket to see if that provides any help.
The links that are re-appearing, see if you can apply this CSS style to the links that you are trying to hide:
font-size: 0;
text-decoration: none;
That should do the trick of hiding the links, that is, if your CSS is affecting them at all.
If not, try to "right click > view source" of the page, and then view and compare the source with your own.
Alternative if that does not work:
Try making your links (in the HTML code) something along the lines of:
Text
and seeing if that stops them from overriding your Styling.