• I’m developing an in-house Intranet site that’s hosted on a private server so I can’t link to it here. Please be gentle with me … I’m teaching myself CSS and php code as I go.

    I would like to change the layout of my page.php file so that the breadcrumbs and header are child elements of the #primary section on each page, instead of child elements of the container. When I use the Inspect window in Chrome, I can see the .breadcrumb-wrapper element, and I can move it and the header element to the correct placement; but I don’t know how or where to make this change permanent in the style sheets or the php files. None of the CSS files in my theme or plugins include that .breadcrumb-wrapper element!

    I can see where some of the html elements are defined on the page.php file, but I don’t know how to write or change the code to call the appropriate breadcrumb links or page title.

    This is the source code for a sample page:

     <div class="container">
            <div class="breadcrumb-wrapper" itemscope itemtype="https://schema.org/BreadcrumbList">
                    <div id="crumbs" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                        <a href="https://10.1.1.199" itemprop="item">Home</a> 
                        <span class="separator">></span>
                        <span class="current">Electrical</span>
                    </div><!-- #crumbs -->
            </div><!-- .breadcrumb-wrapper -->
            <header class="page-header"><h1 class="page-title">Electrical</h1>
            </header><!-- .page-header -->
            <div class="content-grid">
    	        <div id="primary" class="content-area">
    		        <main id="main" class="site-main">
                                    <article id="post-193" class="post-193 page type-page status-publish hentry">
                                            <div class="entry-content" itemprop="text"><p>Info related to Electrical</p>
                            	        </div><!-- .entry-content -->
                                    </article>
                            </main>
                     </div><!-- #primary -->
            </div><!-- .content-grid -->
    </div><!-- .container -->
Viewing 3 replies - 1 through 3 (of 3 total)
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Can’t find a class element in my style sheets’ is closed to new replies.