Jump to content
Sign in to follow this  
mscappa

How can I add new graphics to the home page?

Recommended Posts

mscappa

Hello, I was hoping to add a few new stand alone graphical images to the homepage and was wondering if you could help advise on how to best do so? Would i need to add a div to the css, then call it in a php file? Can I use the text editor to do so? Thanks!

Share this post


Link to post
Share on other sites
cmunns

You won't have to add any html or php. Where are you trying to add the graphic? In the background?

Share this post


Link to post
Share on other sites
mscappa

I know I don't HAVE to, since your designs are so sweet! Truly! Great job on all of them! Best i've seen online! I used wpremix previously and although they offer some good flex with their pre-built templates, your designs and clean functionality blow it away! However, I was trying to add a couple of other custom design elements on the home page, aside from the background. Simple floating images to accent my designs.

Share this post


Link to post
Share on other sites
cmunns

mscappa, Haha well thanks so much for the praise, however, I'm afraid you'll have to more specific on where you want these images so I can best advise on how to accomplish what you want. Be as specific as possible...are they icons? large images? Do they fit inside boxes or overlay behind certain elements?, etc Could you post a screenshot to help you describe? Thanks

Share this post


Link to post
Share on other sites
mscappa

of course! Essentially my work around so far was to utilize the pagelines logo at the bottom of the page and swap in my own image. However, now i can;t figure out how to change the link that goes directly to http://pagelines.com. So i figured I'd try and add all new images, but that too has now stumped me! :( Here's what I was tryin to do: Screenshot And here's the css I modified. If I can just change the link, that would be ideal, if not, it would be good to know how to add additional elements too! :) ` a.pagelines { display: block; text-indent:-3330em; font-size: 0px; color: #fff; float: right; height: 203px; width:200px; background: url("/wp-content/uploads/2010/03/stickyp.png") no-repeat 0px 0px; } `

Share this post


Link to post
Share on other sites
mscappa

Of course! Essentially my work around so far was to utilize the pagelines logo at the bottom of the page and swap in my own image. However, now i can;t figure out how to change the link that goes directly to http://pagelines.com. So i figured I'd try and add all new images, but that too has now stumped me! :( Here's what I was tryin to do: Screenshot And here's the css I modified. If I can just change the link, that would be ideal, if not, it would be good to know how to add additional elements too! :) ` a.pagelines { display: block; text-indent:-3330em; font-size: 0px; color: #fff; float: right; height: 203px; width:200px; background: url("/wp-content/uploads/2010/03/stickyp.png") no-repeat 0px 0px; } `

Share this post


Link to post
Share on other sites
mscappa

of course! Essentially my work around so far was to utilize the pagelines logo at the bottom of the page and swap in my own image. However, now i can;t figure out how to change the link that goes directly to http://pagelines.com. So i figured I'd try and add all new images, but that too has now stumped me! :( Here's what I was tryin to do: Screenshot And here's the css I modified. If I can just change the link, that would be ideal, if not, it would be good to know how to add additional elements too! :) ` a.pagelines { display: block; text-indent:-3330em; font-size: 0px; color: #fff; float: right; height: 203px; width:200px; background: url("/wp-content/uploads/2010/03/stickyp.png") no-repeat 0px 0px; } `

Share this post


Link to post
Share on other sites
mscappa

of course! Essentially my work around so far was to utilize the pagelines logo at the bottom of the page and swap in my own image. However, now i can;t figure out how to change the link that goes directly to http://pagelines.com. So i figured I'd try and add all new images, but that too has now stumped me! :( Here's what I was tryin to do: Screenshot And here's the css I modified. If I can just change the link, that would be ideal, if not, it would be good to know how to add additional elements too! :) ` a.pagelines { display: block; text-indent:-3330em; font-size: 0px; color: #fff; float: right; height: 203px; width:200px; background: url("/wp-content/uploads/2010/03/stickyp.png") no-repeat 0px 0px; } `

Share this post


Link to post
Share on other sites
mscappa

of course! Essentially my work around so far was to utilize the pagelines logo at the bottom of the page and swap in my own image. However, now i can;t figure out how to change the link that goes directly to http://pagelines.com. So i figured I'd try and add all new images, but that too has now stumped me! :( Here's what I was tryin to do: Screenshot And here's the css I modified. If I can just change the link, that would be ideal, if not, it would be good to know how to add additional elements too! :)

Share this post


Link to post
Share on other sites
mscappa

of course! Essentially my work around so far was to utilize the pagelines logo at the bottom of the page and swap in my own image. However, now i can;t figure out how to change the link that goes directly to http://pagelines.com. So i figured I'd try and add all new images, but that too has now stumped me! :( Here's what I was tryin to do Screenshot And here's the css I modified. If I can just change the link, that would be ideal, if not, it would be good to know how to add additional elements too! :)

Share this post


Link to post
Share on other sites
mscappa

of course! Essentially my work around so far was to utilize the pagelines logo at the bottom of the page and swap in my own image. However, now i can;t figure out how to change the link that goes directly to http://pagelines.com. So i figured I'd try and add all new images, but that too has now stumped me! :( Here's what I was tryin to do: Screenshot And here's the css I modified. If I can just change the link, that would be ideal, if not, it would be good to know how to add additional elements too! :) ` a.pagelines { display: block; text-indent:-3330em; font-size: 0px; color: #fff; float: right; height: 203px; width:200px; background: url("/wp-content/uploads/2010/03/stickyp.png") no-repeat 0px 0px; `

Share this post


Link to post
Share on other sites
mscappa

of course! Essentially my work around so far was to utilize the pagelines logo at the bottom of the page and swap in my own image. However, now i can;t figure out how to change the link that goes directly to http://pagelines.com. So i figured I'd try and add all new images, but that too has now stumped me! :( Here's what I was tryin to do: Screenshot And here's the css I modified. If I can just change the link, that would be ideal, if not, it would be good to know how to add additional elements too! :) ` a.pagelines { display: block; text-indent:-3330em; font-size: 0px; color: #fff; float: right; height: 203px; width:200px; background: url("/wp-content/uploads/2010/03/stickyp.png") no-repeat 0px 0px; `

Share this post


Link to post
Share on other sites
mscappa

of course! Essentially my work around so far was to utilize the pagelines logo at the bottom of the page and swap in my own image. However, now i can;t figure out how to change the link that goes directly to http://pagelines.com. So i figured I'd try and add all new images, but that too has now stumped me! :( Here's what I was tryin to do: Screenshot And here's the css I modified. If I can just change the link, that would be ideal, if not, it would be good to know how to add additional elements too! :) ` a.pagelines { display: block; text-indent:-3330em; font-size: 0px; color: #fff; float: right; height: 203px; width:200px; background: url("/wp-content/uploads/2010/03/stickyp.png") no-repeat 0px 0px; } `

Share this post


Link to post
Share on other sites
mscappa

of course! Essentially my work around so far was to utilize the pagelines logo at the bottom of the page and swap in my own image. However, now i can;t figure out how to change the link that goes directly to http://pagelines.com. So i figured I'd try and add all new images, but that too has now stumped me! :( Here's what I was tryin to do:

Share this post


Link to post
Share on other sites
mscappa

Sorry for multiple posts, but was having issues posting in one. Screenshot And here's the css I modified. If I can just change the link, that would be ideal, if not, it would be good to know how to add additional elements too! :) ` a.pagelines { display: block; text-indent:-3330em; font-size: 0px; color: #fff; float: right; height: 203px; width:200px; background: url("/wp-content/uploads/2010/03/stickyp.png") no-repeat 0px 0px; } `

Share this post


Link to post
Share on other sites
cmunns

You can't change the link of an image in the css, For that particular image go the footer.php file and change what's between the double quotes here: `href="<?php e_pagelines('partner_link', pagelines('credlink'));?>">` (It's close to the bottom of the file) Adding other images in this way, you'd have to add similar elements as the pagelines logo that could be positioned with CSS

Share this post


Link to post
Share on other sites
mscappa

I don't seem to have that in my footer file? Could it be in another .php file? I even unzipped the original download and looked at a clean footer file and no "href" you're referring to?

Share this post


Link to post
Share on other sites
axolotl

you can also try to look for this part instead:

<div class="pagelines" id="cred">
				<div style="padding: 0px;" class="p fix">
					premium wordpress themes									
				</div>
			</div>[/code]

change www.pagelines.com to whatever you need and in css change the style of a.plimage to your image.

Share this post


Link to post
Share on other sites
axolotl

you can also try to look for this part instead: `

` change www.pagelines.com to whatever you need and in css change the style of a.plimage to your image.

Share this post


Link to post
Share on other sites
axolotl

you can also try to look for this part instead: `code`<div class="pagelines" id="cred"> <div style="padding: 0px;" class="p fix"> premium wordpress themes </div> </div>`code` change www.pagelines.com to whatever you need and in css change the style of a.plimage to your image.

Share this post


Link to post
Share on other sites
axolotl

you can also try to look for this part instead:

<div class="pagelines" id="cred">
				<div style="padding: 0px;" class="p fix">
					premium wordpress themes									
				</div>
			</div>[/code]

change www.pagelines.com to whatever you need and in css change the style of a.plimage to your image.

Share this post


Link to post
Share on other sites
axolotl

you can also try to look for this part instead: <div class="pagelines" id="cred"> <div style="padding: 0px;" class="p fix"> premium wordpress themes </div> </div> change www.pagelines.com to whatever you need and in css change the style of a.plimage to your image.

Share this post


Link to post
Share on other sites
axolotl

you can also try to look for this part instead: `code`<div class="pagelines" id="cred"> <div style="padding: 0px;" class="p fix"> premium wordpress themes </div> </div>`code`

Share this post


Link to post
Share on other sites
axolotl

you can also try to look for this part instead: <div class="pagelines" id="cred"> <div style="padding: 0px;" class="p fix"> premium wordpress themes </div> </div> change www.pagelines.com to whatever you need and in css change the style of a.plimage to your image.

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

Sign in to follow this  

×