Archived

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

  • 0

Need Help Adding Wrapper

Question

Posted · Report post

Hello... i want to add the following code to add image around wrapper...

here is the code i am trying to add:

#wrapper { margin: 0 auto; width:965px; background-image:url("http://www.mypapertreehouse.com/images/tab1.jpg"); } #outerwrap { margin: 0px auto; width: 965px; padding: 0px; padding-top: 0px; padding-bottom:0px; background-repeat: repeat; border: medium solid #; }

Adding it to CSS is not working, so I need help figuring out where to stick it..

This is the website i want to add it to: www.nanacampana.com

Here is a sample of this done in my old site: http://mypapertreehouse.com/contact

Any suggestions?

Thanks!

Share this post


Link to post
Share on other sites

12 answers to this question

Posted · Report post

I have spent many hours working and I realized that the problem is that i was trying to do a border, and it is actually a repeat of a content box image. I have looked everywhere to figure out the coding for this, and cannot figure it out. The coding i used in my other page worked there, but is not working here... I am not too familiar on how to write CSS- so any help writing it would be greatly appreciated...

I want to be able to do it through the editor so thqat it remains with any update.. Where can i go to figure out other ways to code this thing.. :(

Here are the images I am trying to use:

left and right sides: tab1.jpg

Bottom: foot123.jpg

Top: goes along with my new header, so this is not part of the code..

Any help would be greatly appreciated..

Share this post


Link to post
Share on other sites

Posted · Report post

In Dashboard > Plugins > Editor, the "(inactive)" status has nothing to do with whether your plugin is activated or not. It only refers to whether you're actively loading a plugin to edit for the moment in the editor. It is normal for it to be "inactive".

I believe you need to fix the # to include a color code. It should be something like #C00000 and not just a # sign. Please correct that and see if you still get errors.

Share this post


Link to post
Share on other sites

Posted · Report post

The weird thing is that that code works well in the other site even with that.. and I am not sure why that part of the code is there to begin with because I do not want a border around that image..

Is everything else in the code correct?

Share this post


Link to post
Share on other sites

Posted · Report post

Where exactly are you trying to add this code?

Also, I validated the code and found that you're missing a color code after the # here: border: medium solid #; }

Additionally, that creates a parse error.

Share this post


Link to post
Share on other sites

Posted · Report post

I am adding it to the styles sheet via Filezilla...

The error you are talking about is coming up as a LESS error on my wordpress. I have to go in and change it.. Is that the same error you are referring to?

Share this post


Link to post
Share on other sites

Posted · Report post

It may not be. What does the error you're getting say?

Add your code to Dashboard > PageLines > Site Options > Custom Code in the CSS Rules area. Don't edit core files.

If you don't want to use the CSS Rules area, then make sure you have either a child theme (edit style.css or style.less) or, in the PageLines Customize plugin (wp-content/plugins/pagelines-customize/style.css). Those are the only 3 places where CSS may be successfully added. I look forward to knowing what the error is.

Share this post


Link to post
Share on other sites

Posted · Report post

To make sure, is this still the code you have?: inactivepluginanderror.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

That is the code I have tried. I took it off the Custom CSS and off the customize plugin because it did absolutely nothing.. lol It is the code that is currently being used in the site I am trying to get away from.. :)

Hope that made sense..

Share this post


Link to post
Share on other sites

Posted · Report post

I tried using the live editor in WP via the plugin and I added the content there and nothing happened. The plugin is activated, yet it says (inactive) on the top.. Any ideas how I can make sure the plugin activates? inactivepluginanderror.jpg

Share this post


Link to post
Share on other sites

Posted · Report post

Hi nanacampana

Please go to

Pagelines > Store > Plugin > Your plugin

and verify that it is Activate

Share this post


Link to post
Share on other sites

Posted · Report post

This is not valid CSS

border: medium solid #;

Might start there.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi there, if you've copied and pasted the css off your old site into pagelines it won't work. We have our own selectors which you'd need to apply the css to to get the same effect as the previous site. The area you want to apply the border to in the css is .page-canvas


.page-canvas {background-image:url("http://your full url goes here"); }

Share this post


Link to post
Share on other sites