Jump to content
TNG Community

Adding a container div


Moonerd

Recommended Posts

Hello,

I am not PHP savvy “yet” and I am not sure how to implement that this with TNG.

On my website, I am looking to add a new container div to the div with the id “inner-wrap”. So, the div with the id “inner-wrap” will be the child of the new container div.

 

Example:

<div class=”new-container”>

<div id=”inner-wrap” class=”wrap hfeed kt-clear>

</div>

</div>

 

Another example is the Kloosterman’s website his container div id is called “titlebox”.

 

My sight: OurSentimentalJourney.net

I am using the Kloosterman method – WordPress/TNG

TNG: v.13.1.2

 

My goal is to put a max-width on the new-container div. which will be easy once I have the div. 😃

Link to comment
Share on other sites

My div Titlebox is just a class that puts a thin line around the main content, to outline the content a bit more.

Because the div has to start before the main content loads. I did put in in my WPTNGtopmenu.php, like this:

----------------------------------

<?php
/** Loads the WordPress Environment and Template */
require ('../wp-blog-header.php' );\
get_header ();
?>

<div class="titlebox">

----------------------------------

Because this starts the div, there has to be an end div in the WPTNGfooter.php  to close the div call, like this:

----------------------------------

</div>
<?php
get_footer('tng'); 
?>

----------------------------------

The Titlebox css class looks like this:

----------------------------------

/* START TNG LINE  AROUND MAIN CONTENT */

.titlebox {
border: 1px solid silver;
background-color: #f9f9f9;
padding: 10px;
margin: 1px;
}

/* END TNG LINE  AROUND MAIN CONTENT */

----------------------------------

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...