Prev & Next Article in a BOX and one more thing.

Hey Tagdiv,

I want to have a fine thin gray line border around the “previous and next article” displayed at the end of the post. Have a look at this image: https://i.snag.gy/lHab7o.jpg

Please give me some custom code for this rectangular box. Can I fill this box with some light gray color too?

One more thing about the header.

You can see that my current header is a full-width header but the logo and another navigation menu still wrapped under the theme width. How can I make it full length too? I mean , the logo should start with far left and the navigation menu should touch the far right.

Any help will be appreciated .

Thank you!

Hi

Try this css in theme panel > custom code > custom css:

.td-post-next-prev-content a{
border: 1px solid red;
}

To make the header full width you need to edit header-style-6.php and remove this class: http://screencast.com/t/l2blpwrQyis

Thanks!

Oops! It created the box around previous and next article box individually 🙁 I want a rectangular box of width similar to Author box so that both previous article and next article can come within that box as shown here with bold-red-bordered line: https://i.imgur.com/rkYQheR.jpg

Please have a look. Thank you.

Hi

Replace the previous css with the one below, however the border can be added only as I’ve indicated in the screen as there is a margin on a main span and if I remove it the layout of that block will break: http://screencast.com/t/JeOMFjET

.td-post-next-prev{
border: 1px solid red;
}

Thanks!

Oh! I understand but this looks ugly. 🙁 So, I have to delete the code.

Thank you anyways.