Jump to content
nanacampana

Need Help Adding Wrapper

Recommended Posts

nanacampana+    0
nanacampana

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
nanacampana+    0
nanacampana

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
nanacampana+    0
nanacampana

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
batman    389
batman

Hi nanacampana

Please go to

Pagelines > Store > Plugin > Your plugin

and verify that it is Activate


Life is too short to remove USB safely ...

Share this post


Link to post
Share on other sites
nanacampana+    0
nanacampana

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
Rob    547
Rob

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.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
nanacampana+    0
nanacampana

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
nanacampana+    0
nanacampana

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
James B    436
James B

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"); }


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


×