Problems with displaying Wordpress content on your web browser

I am having trouble getting my website content to display properly in a web browser, even though I built it using Wordpress.

It appears that only the logo and the 'Services' bar are showing up on the page, while the rest seems to be missing. I suspect there might be some crucial code that I am overlooking.

In my header.php file, the code includes:

</head>

<body class="">



    <div id="wrapper">

        <div id="jump">

            <p><a href="#content">jump to content</a></p>

        </div>



            <div class="hud-content">

        <div id="content-container">

<div id="header">
    <div id="logo">
        <a href="/" title="Wild Lion Media">
            <img src="/wildlion/wp-content/themes/child/images/logo.png" width="95" height="120" alt="Wild Lion Media" title="Wild Lion Media" />
        </a>
    </div>

    <h1>
                    Wild Lion Media             
    </h1>

    <div id="hud-toggler">
        <ul>

            <li><a href="#" class="hud-toggle">Login / Register</a></li>
        </ul>
    </div>
</div><div id="nav">
    <ul>
        <li id="nav-home"><a href="/" title="Return to the Wild Lion Media home page">Home</a></li>
        <li id="nav-dandad"><a class="nav-item" href="/dandad" title="Wild Lion Media">Wild Lion Media</a>
            <div class="subnav">
    <ul class="subnav">
        <li><a href="/dandad/about" title="About">About</a></li>
        <li><a href="/dandad/events" title="Events">Events</a></li>
        <li><a href="/dandad/join" title="Join">Join</a></li>
        <li><a href="/dandad/latest/news" title="Latest News">Latest</a></li>
        <li><a href="/dandad/partnerships" title="Partnerships">Partnerships</a></li>
        <li><a href="/dandad/white-pencil" title="White Pencil">White Pencil</a></li>
        <li class="feature">
            <p class="intro">Get your voice heard</p>
            <p>Wild Lion Media Membership: It&rsquo;s classy, exclusive, well connected &ndash; everything you could ask for from a private member&rsquo;s club. Ok, we don&rsquo;t have a pool on the roof, but just wait till you see the size of our archive.</p>
            <p class="readmore"><a href="/dandad/join" title="read more">Read More</a></p>
            <img src="#" width="167" height="167" alt="Nav Yellow Pencil" class="feature-pic"/>

            <ul class="feature-links">
                <li><a href="/dandad/join/individual-membership" title="Individual Membership">Individual<br />
                    Membership</a></li>
                <li><a href="/dandad/join/d-ad-education-network" title="Education Network">Education<br />
                    Network</a></li>
            </ul>
        </li>
    </ul>
</div>      </li>
        <li id="nav-inspire"><a class="nav-item" href="/inspiration" title="Inspiration">Inspiration</a>
            <div class="subnav">
    <ul class="subnav">
        <li><a href="/inspiration/inspired-by" title="Inspired by&hellip;">Inspired by&hellip;</a></li>
        <li><a href="/inspiration/watch-and-listen" title="Watch &amp; Listen">Watch &amp; Listen</a></li>
        <li><a href="/inspiration/have-your-say" title="Have Your Say">Have Your Say</a></li>
        <li><a href="/inspiration/features-and-opinion" title="Features &amp; opinion">Features &amp; Opinion</a></li>
        <li><a href="/inspiration/profiles" title="Profile">Profiles</a></li>
        <li><a href="/inspiration/archives-and-collections" title="Archives &amp; Collections">Archives &amp; Collections</a></li>
        <li class="feature">
            <p class="intro">Wild Lion Media<br/>President&rsquo;s Lectures</p>
            <p>Chosen by the President of Wild Lion Media speakers represent the best in their creative fields and inspire discussion and debate.<br/></p>
            <p class="readmore"><a href="/dandad/events?series=President%E2%80%99s%20Lectures">Book your tickets</a></p>
            <img src="#" width="167" height="167" alt="President’s Lectures" class="feature-pic"/>
        </li>
    </ul>
</div>      </li>
        <li id="nav-awards"><a class="nav-item" href="/awards" title="Awards">Awards</a>
            <div class="subnav">
    <ul class="subnav award-sections">
        <li>
            <p class="intro">Professional Awards</p>
            <p>Yellow Pencils are recognised the world over as a symbol of true creative achievement. Year on year the Wild Lion Media Annual showcases the very best work and continues to provide an unrivalled source of creative inspiration.</p>
            <ul>
                <li><a href="/awards/professional" title="Professional">Professional</a></li>
                <li class="new"><a href="/awards/professional/2012" title="2012">2012</a></li>
                <li><a href="/awards/professional/2011" title="2011">2011</a></li>
                <li><a href="/awards/professional/2010" title="2010">2010</a></li>
                <li><a href="/awards/professional/archive" title="Archive">Archive</a></li>
            </ul>

        </li>

        <li>
            <p class="intro">Student Awards</p>
            <p>Creatives the world over value the Wild Lion Media Student Awards above any other. Winning a Wild Lion Media Student Award truly marks you out as one of the best. Take your first step in becoming a creative superstar.</p>
            <ul>
                <li><a href="/awards/student" title="Student">Student</a></li>
                <li class="new"><a href="/awards/student/2012" title="2012">2012</a></li>
                <li><a href="/awards/student/2011" title="2011">2011</a></li>
                <li><a href="/awards/student/2010" title="2010">2010</a></li>
                <li><a href="/awards/student/archive" title="Archive">Archive</a></li>
            </ul>

        </li>
    </ul>
</div>      </li>
        <li id="nav-talent"><a class="nav-item" href="/talent" title="Talent">Talent</a>
            <div class="subnav">
    <ul class="subnav">
        <li><a href="/talent/spotlights" title="Spotlights">Spotlights</a></li>
        <li><a href="/talent/portfolios" title="Portfolios">Portfolios</a></li>
        <li><a href="/talent/new-blood" title="New Blood">New Blood</a></li>
<!--    <li><a href="/talent/graduate-placement-scheme" title="Graduate Placement Scheme">Graduate Placement Scheme</a></li>-->
        <li><a href="/talent/graduate-academy" title="Graduate Academy">Graduate Academy</a></li>
<!--        <li><a href="/talent/jobs" title="Jobs">Jobs</a></li>-->
        <li class="feature">
            <a href="/talent/graduate-academy" title="Graduate Academy - Where the creatively brave shine"><img src="#" alt="Graduate Academy - Where the creatively brave shine" class="fullpic" /></a>
        </li>
    </ul>
</div>
        </li>
        <li id="nav-learning"><a class="nav-item" href="/learning" title="Learning">Learning</a>
            <div class="subnav">
    <ul class="subnav">
        <li><a href="/learning/case-studies" title="Case Studies">Case Studies</a></li>
        <li><a href="/learning/commentary" title="Commentary">Commentary</a></li>
        <li><a href="/learning/guides" title="Guides">Guides</a></li>
        <li><a href="/learning/talks" title="Talks">Talks</a></li>
        <li class="new"><a href="/learning/projects" title="Projects">Projects</a></li>
        <li><a href="/learning/workshops" title="Workshops">Workshops</a></li>
        <li><a href="/learning/professional-development" title="Professional Development">Professional Development</a></li>
        <li class="feature">
            <a href="/dandad/join/d-ad-education-network" title="University Network. Behind you all the way."><img src="#" alt="Education Network Membership. One yellow pencil. Lots of benefits." class="fullpic" /></a>

                    </li>
    </ul>
</div>      </li>
        <li id="nav-search">
            <form action="/search" method="get" accept-charset="utf-8">
                <p><label for="search">Search</label><input type="text" name="q" value="Search" id="search" class="tfield" tabindex="5" /></p>
                <p><input type="submit" id="search_submit" value="Go" tabindex="6" /></p>
            </form>
        </li>
    </ul>
</div>      <div id="content">




<div class="panel-10">
    <p class="widget-title">Services</p>
    <ul class="powerlinks pl-feature extended">
    <li class="first">
        <img src="/wildlion/wp-content/themes/child/images/video_production.jpg" width="176" height="104" alt="Video Production" title="" />


        <p>
            <a href="#">
                <span>
                    <strong>Video Production</strong>
                </span>
            </a>
        </p>
       ...
javascriptcsswordpress

Answer №1

At line 5 in your stylesheet, the following elements are set to display:none:

    #nav, 
    #hud, 
    #hud-toggler, 
    #imagebar, 
    #jump, 
    div #breadcrumb, 
    #quick-jump, 
    #sitemap, 
    #external-links, 
    #back-to-top, 
    ul.powerlinks, 
    ul.article-nav, 
    #sidenav ul, 
    p.return, 
    a.doc-pdf, 
    a.doc-word, 
    div.logo a {
        display: none;
}

This is causing all items to be hidden on your website. Removing this line will make your content visible again.

Answer №2

The fifth rule on line 8 of your style.css file is as follows:

#nav, #hud, #hud-toggler, #imagebar, #jump, div #breadcrumb, #quick-jump, #sitemap, #external-links, #back-to-top, ul.powerlinks, ul.article-nav, #sidenav ul, p.return, a.doc-pdf, a.doc-word, div.logo a {
    display: none;
}

With this rule in place, all content will be hidden.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Issue with Webpack throwing 'window undefined' persists despite using the 'use client' configuration in React/Next.js

I've been using Typescript 5, React 18, and Next.js 14 as my tech stack, and I keep encountering similar errors with various libraries. One of the errors I often face is ReferenceError: window is not defined. This error originates from a third-party ...

javascriptreactjstypescriptwebpacknext.js

The term 'MapEditServiceConfig' is being incorrectly utilized as a value in this context, even though it is meant to refer to a type

Why am I receiving an error for MapEditServiceConfig, where it refers to a type? Also, what does MapEditServiceConfig {} represent as an interface, and what is the significance of these brackets? export interface MapEditServiceConfig extends AppCredenti ...

javascripttypescript

Printing dynamic data

When the print button is clicked, I need to print dynamically generated data from a table that has an ID. The table data (td and tr) is dynamically generated. I have successfully retrieved the table data and attempted to print everything using window.prin ...

javascripthtmlajaxweb

Ways to retrieve content from a website

After conducting thorough research on this matter, I stumbled upon an answer here. Despite following the provided solution, the process is still not functioning as expected. My goal is simple - to extract text from a webpage like Google and convert it into ...

javascriptandroid

Need help implementing the disableGutters property on MTableToolbar?

I am currently using react material-table and I would like to customize the default toolbar styles by passing the prop disableGutters={true}, similar to how it's done in material-ui toolbar. Below is the code snippet that I have tried: <MaterialTab ...

javascriptreactjsmaterial-uimaterial-table

What is the best way to enable ondemand icon usage in Vue Vite 3 with Iconify?

Did you know in the iconify documentation, there is just one simple step to follow? Visit All you have to do is: npm install --save-dev @iconify/vue import { Icon } from '@iconify/vue'; <Icon icon="mdi-light:home" /> After thi ...

javascriptnode.jsvue.jsvite

Learn how to easily copy the success result from an Ajax call to your clipboard

Is there a way to use an ajax method to retrieve data from a controller and display it in a JQuery Dialog Box? I want to add a button within the dialog box that allows the user to easily copy the data with a single click, instead of having to manually high ...

javascriptjqueryajaxclipboard

What is the best way to swap out the if else statement with a Ternary operator within a JavaScript function?

Is there a way to replace the if else statement in the function using a Ternary operator in JavaScript? private getProductName(productType: string): string { let productName = 'Product not found'; this.deal.packages.find(p => p.isSele ...

javascripttypescriptconditional-operator

Display the table upon completion of the form submission

I am trying to create a form where the table #mytable is only displayed after the form has been submitted. If nothing is entered in the form, the table should remain hidden. Any suggestions on how I can achieve this? <form action="" id="myform" method ...

javascriptjqueryhtmlcssforms

Enhance your <head> section by adding lines when utilizing Layouts within Iron Router

Is there a way to add more lines to the <head> section using Iron Router and layouts? Take for example, inserting the following code snippet into the <head>... <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed ...

javascriptnode.jsmeteoriron-router

Using anchor tags to send HTML code through email

I currently have an anchor tag on my website that looks like this: <a href="mailto:<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7e0d11131b11101b3e0d11131b09161b0c1b501d1113">[email protected]</a>?subject=Wel ...

javascripthtmlhtml-emailmailto

Render and download the file concurrently while displaying the view in Express

I'm looking to accomplish a task in Express where I can render a file and download it simultaneously. My current code looks like this: res.attachment('filename.csv'); res.render('pages/result', { data }); However, with this setu ...

javascriptnode.jsexpressejs

I've noticed that the NextJs router appears to be significantly slower in comparison to React

I currently have a website that is built in both React Js and Next Js. The issue I am currently encountering is that the router in NextJs is noticeably slower compared to react-router-dom. It takes almost 2-3 seconds to change the route. To experience th ...

javascriptreactjsnext.jsnext-router

Alert: The specified task "taskname" could not be located. To proceed with running grunt, consider using the --force option

My current task involves converting .css files to .sass files using the 'grunt-sass-convert' npm module. Here is the configuration in my 'Gruntfile.js': 'use strict'; module.exports = function(grunt){ grunt.loadNpmTasks( ...

cssnode.jsnpmsass

Obtain the value of a JavaScript form with a dynamically generated field name

I am struggling with a simple javascript code and for some reason, it's not working. var number = 5; var netiteration = "net"+number; // now netiteration is equal to net5 var formvalue = document.forms.myformname.netiteration.value; Why is this co ...

javascript

Using SVG graphics as data labels in a HighChart stacked column chart

I am attempting to generate a stacked column chart in Highcharts with SVG images as x-axis labels, similar to the image displayed here: https://i.stack.imgur.com/y5gL1.png I have managed to achieve this with individual data points per label (non-stacked ...

javascripthighcharts

Obtaining a File type object from a URL (specifically an image) in Vue.js

Suppose I have an image URL like http://localhost/sample.jpg. What is the best way to save this image URL into a File object using native JavaScript API in my component? export default { created () { const imageUrl = 'http://localhost/sample.jpg ...

javascriptvue.jsvuejs2

The color of the Bootstrap font remains unchanged and the responsiveness of the navbar button is not functioning correctly

Just starting out with frontend development and my professor recommended trying Bootstrap for practice. I attempted to code a simple webpage, but ran into some issues. Here is the code I used: https://github.com/nguyencuc2586/project1 I encountered a pro ...

htmlcssbootstrap-4bootstrap-5

Using curly brackets as function parameters

Can someone help me understand how to pass an emailID as a second parameter in curly braces as a function parameter and then access it in AccountMenuSidebar? I apologize for asking such a basic question, I am new to JavaScript and React. class Invoices ex ...

javascriptreactjsnext.js

Having difficulty compiling Bootstrap css with grunt

After struggling for two days and finding numerous online tutorials, I still require assistance. My goal is to add a namespace to Bootstrap so that I can use it in Salesforce without conflicting with Salesforce's stylesheet. I plan on wrapping the boo ...

csstwitter-bootstrapgruntjsless