Archived

This topic is now archived and is closed to further replies.

  • 0

Custom Head & Branding Only Appearing on Homepage


Question

Posted · Report post

Hi, i have created a custom full width header and branding backgrounds, this appears on the main homepage, and is using the site default template. The CSS i have used is for all pages, i.e not for a certian page. I have then thought it would be a template issue, but it cant, as the code is for the header area which are for all templates, the branding and header appears on all pages aswell, really struggling with this? i have done this before and it has been fine. It is a template issue, but i cant figure out what the issue is...

 

Website : http://cheapwebdesign.co/freshinstall/

 

 

Share this post


Link to post
Share on other sites

13 answers to this question

Posted · Report post

I'm not sure why you keep adding https:// your site isn't HTTP Secure as far as I can see. Please use the following code:

 

#site .section-branding {
width: 100%;
background-image: url(http://cheapwebdesign.co/freshinstall/wp-content/uploads/2013/01/tophead.png);
} 

When you say custom template, if this a template you have created ?

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

Your issue is that you're using relative URL for your image, use the full image path, this should resolve your issue.

Share this post


Link to post
Share on other sites

Posted · Report post

ok will try this, sorry about the duplicate topic, it was just loading for about 5 minutes, so i hit submit again, thanks for coming back, will test it out now..

Share this post


Link to post
Share on other sites

Posted · Report post

No need to apologise, it can just cause confusion, let us know if the suggestion above resolves your issue.

Share this post


Link to post
Share on other sites

Posted · Report post

Isn't that the wrong image ?

 

As there is no contentbox on the other pages, I assumed you were talking about the Branding image.

 

Also, I suggest you read through the W3Schools page regarding relative urls, you need to use http://

 

When I use this in the code, the image is loading on all pages.

Share this post


Link to post
Share on other sites

Posted · Report post

ok yes this is the issue, i have added a content box to the head, but there is only one head, i.e once you click on the page templates you will then see the default and custom templates, but their is only one head, we have placed the content box in the main header which should be on every page. Yes this also applied to branding but we will test the above suggestion out now, thanks again.

Share this post


Link to post
Share on other sites

Posted · Report post

futher to my above message, the file path is also not working for the bran section.

Share this post


Link to post
Share on other sites

Posted · Report post

I have looked at your other pages and I am not able to see any Contentbox in your header area.

 

http://d.pr/i/BxB7

 

The easiest thing to do is simply use the full URL to the image in your custom CSS, this will resolve your issue. Regarding the ContentBox, you either have this set to hide by default and are only showing this on your homepage or you do not have that section active on your header.

Share this post


Link to post
Share on other sites

Posted · Report post

ok its certainly an issue with the content box, it is in the header, we have checked the pages and it is not on hide, we did this before contacting you. Where else could it be set to hide apart from the page settings?

 

If the section is not active in the header, which it is, then why is it on our homepage? we are stumped we did most of this before contacting. We tried the full paths in custom css area as above, and it is does not work. Can you confirm what the correct full path would be i.e

 

https:// and full path

 

or just starting the from the folder i.e freshinstall

 

Either way we did both of these aswell?

 

Is there anyone else who can help?

Share this post


Link to post
Share on other sites

Posted · Report post

The correct path for the image would be this.

 

http://cheapwebdesign.co/freshinstall/wp-content/uploads/2013/01/tophead.png

http://cheapwebdesign.co/freshinstall/wp-content/uploads/2013/01/full-header-2.png

 

The section can be hide by default on the following setting pages.

 

Drag & Drop > http://d.pr/i/mdTM

 

and on the individual page using the PageLines Meta Settings > Page Setup.

Share this post


Link to post
Share on other sites

Posted · Report post

Yes as explained both the page setup settings, and via the drag drop settings, both are visible, so this is the odd thing. We did check both before contacting you, there should be no reason why it is not showing. The only difference is the template used, we use the default template for home, and custom for other pages. But saying that the head is on all pages, so there is an issue here? we have checked the above.

 

Also the custom full path does not work, i think it may be an issue with my coding, since adding the https:// inested of the /folder/image path, it now does not show, i think i do not need the brackets, please confirm correct path and code:

 

#header .section-contentbox  { width:100%; background-image: url (http://cheapwebdesign.co/freshinstall/wp-content/uploads/2013/01/full-header-2.png
);}

Share this post


Link to post
Share on other sites

Posted · Report post

Sorry long day at the office, yes that has worked a treat for both sections, it was just a case changing a few spaces in the code mainly positioning of the following -  ;)

 

You are a superpower in knowledge, thanks again!

Share this post


Link to post
Share on other sites