Docs

[5wan]

Hi,

I’m having an issue with the:
.page .entry-title:before, .page .entry-title:after {}
and
.h-landmark span:before, .h-landmark span:after {}

On pages:
http://www.duncanswan.me/home/
and
http://www.duncanswan.me/contact/
as examples.

There is horizontal line to either side of the page titles, however the width / margin is different between the two pages.
ie.
On the Contact page, it is full width.
On the Home page there is small margin left and right.

What handle will let me adjust both formats to match / have the same width?

Thanks

[5wan]

This reply has been marked as private.

[Christopher]

Hi there,

Provided credentials didn’t work, please check.

Thanks.

[5wan]

This reply has been marked as private.

[Nabeel A]

Hi there,

Thank you for providing the credentials. Please add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript

jQuery(document).ready(function($){
	$(".entry-title").wrap('<div class="h-wrapper"></div>');
});

Then add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.h-wrapper {
    width: 90%;
    margin: auto;
    overflow: hidden;
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[5wan]

Great thanks, one last question.
How do I apply this to the page:

http://www.duncanswan.me/the-art/

thanks

[5wan]

also, the line on then my page:
http://www.duncanswan.me/books/

Are different widths to home / contact / etc.

Any idea whats causing this? Do I have conflicting CSS, or an incorrect handle?

Cheers

[Rue Nel]

Hello There,

To be able to apply it in the mentioned pages, please update the JS code and use this instead:

jQuery(document).ready(function($){
	$(".entry-title, .h-landmark").wrap('<div class="h-wrapper"></div>');
});

You might also change the css code and use this:

.h-wrapper {
    width: 90%;
    max-width: 1500px;
    margin: 0 auto;
    overflow: hidden;
}

We would loved to know if this has work for you. Thank you.

[5wan]

Hi, the above fixed the issue on page:
http://www.duncanswan.me/the-art/

But not page:
http://www.duncanswan.me/books/

Thoughts?

Thanks

[5wan]

in addition,

the lines on both the ‘Home’ and ‘Books’ pages are different lengths to each other, and the matching lines on (About, Contact, On Writing etc).

The pages ‘Home’ and ‘Books’ are also the only pages with Sliders.
Could this be causing the issue?

[Christopher]

Hi there,

I compared provided URLs and they were displaying fine. Please clear cache and check again. If the issue persists, provide us with some screen shots.

Thanks.

[Author]

Posts