colormechanics

Hi @david.bailey and @michael.mariart !

I’m reporting back after many attempts and happy to say I nailed it!!

I had to combine what you guys advised me to do. Here’s what made it happen:

* I created an image map with an online tool and copied the html code to my clipboard.

* I tried doing a front page php by copying the index file, but that didn’t work. Instead, I copied the template php that I use to display all pages, I renamed it frontpage.php and also changed the name of the template in code at the top of of the file so that it would be available from a dropdown menu in the page editor.

* I pasted the image map code into my new frontpage.php and adjusted the margins.

* Opened the page editor in wordpress and selected frontpage as the template to be used to display that page. Uploaded and voila!!

Here’s the result The Roofing Crew

Took a lot of figuring out but your help certainly got me on the way, I am very grateful to you both!

Oh, ok I get the part about where to upload the images. Thing is this particular image should only show up in the Homepage, so you’re right, header.php wouldn’t work…nor page.php i think… I’ll try a few things and report back.

Thanks @david.bailey!

Oh yeah, thanks Deepbevel, I was actually using <h2> to insert that text before, which was the one I couldn’t style in a different color, and somehow the penny dropped that I should use <p> instead and voila!! I did the code you just pasted, then had to play around with the css styling in the stylesheet, so now it’s finally the way I wanted it!!

Thanks so much for your help!! I really appreciate you guys taking time out to solve the puzzle with me ??

Ok, sorry to have taken sooo long, but as I’m css illiterate, took me a while to figure our. @drewapicture, thanks a lot!! Changing the .divnavline styling allowed me to use the space above to insert text. Thing is when I inserted the text, the navline went bonkers and moved all over the place I changed values for the .quote_text div I created. Eventually I figured out how to move both and ended up with this:

I inserted a div class into my header for the text and then styled it in the stylesheet like so:

div.quote_text {
float: right;
display: block;
text-align: left;
margin: 5%;
padding-top: 2%
padding-right: 2%;
}

and the navline div ended up like this:

div.navline {
float:right;
padding:0 0px 0 29px;
position: relative;
top: 2px;
left: 1%;
text-align:left;
/*border-left:1px solid #ccc;*/
min-width:62%;
}

But I still need a bit of help!! As now I can’t seem to change the color for the “Call us now” bit. I inserted it as h2, and can’t override the black color set in the stylesheet, even tried changing it in the header.php with something like <h2 color=”ffffff”> but no luck…. any ideas here?

Thanks a lot again, hope you can come to the rescue in this one too!!

Yeah @deepbevel, it is something like that. Thanks to you as well @drewapicture, I will try both out and report back with results. And posibly more questions lol.

Really appreciate your time, this is the firt worpress site I am working on and feel super lost with most of the css stuff…

I added the text there but nothing shows up in the page :S Any ideas?

ok… and can I add styling to the text too? like alignment and such?

thanks popper!

as an extra bit of info, I’ve located the first “copyright” div in the page.php, but I don’t know how to add text there. If I just copy paste the bit that says Fotter text from Admin Options, no change displays.

Hi Popper, this is the code I had initially tried to paste here, which is what I get when inspecting with firebug light, there are to “copyrights” although only one is displaying the text I want, the one on top is invisible but firebug light points to the same line in the sytlesheet:

<div class="clear"/>
</div>
<div class="copyright"/>
</div>
<div class="copyright">

this is my footer.php

<!– end div.footer –>

<div class=”copyright”>

<!–Footer Text from Admin Options –>
<?php $footertext = get_option(‘bb_footer_text’); ?>
<p class=”tiny”><?php if($footertext != NULL) {echo $footertext;} else {echo ‘
Get a quote. Remove after purchase.’;} ?></p>

</div><!– end div#wrapper –>

<!– ALL JQUERY SETTINGS AND INITILIZATION, Image Carousel, and Form Validation –>
<script src=”<?php echo get_template_directory_uri(); ?>/js/settings.js” type=”text/javascript”></script>

<!– cufon ie fix –>
<script type=”text/javascript”>Cufon.now();</script>

<!– Google Analytics from Admin Options –>
<?php /* get theme color from options */
$analytics = get_option(‘bb_analytics’);
if($analytics != NULL) {echo $analytics;} else { ?>

<script type=”text/javascript”>

var _gaq = _gaq || [];
_gaq.push([‘_setAccount’, ‘UA-19961671-3’]);
_gaq.push([‘_trackPageview’]);

(function() {
var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;
ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl&#8217; : ‘https://www&#8217;) + ‘.google-analytics.com/ga.js’;
var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

<?php } ?>

Any ideas what’s going wrong?

Hi Tirumal, thanks for your reply!! I’ve been trying that but not getting it right… It now seems that I have a duplicate <div class=”copyright”>, which I spotted using firebug, however, I can’t find where in the syte sheet or footer.php it is, hence can’t erase it!! Having the duplicate doubles the length of the copyright wrapper… any idea how to remove it?

Here’s how it looks like from firebug:

[Code moderated as per the Forum Rules. The maximum number of lines of code that you can post in these forums is ten lines. Please use the pastebin]

Hi Courtney, thanks for taking time to reply!

I actually managed to override that blank gap by just resizing the image. Your fix however will come in handy soon enough as there are still some image adjustments that I need to do throughout the site. I’ve never used firebug before but I’m looking into it right now.

Thanks again, have a good one!

Hi, thank you for your reply! Will that affect the header of all pages or just the homepage? I just want to change the homepage’s header.

The only other thing I thought of doing is incorporating the image into the text body of the homepage, but can’t figure out a way to override the padding around the image…

My brain is overheating now, total newbiness…

Thanks for your replies guys! I managed to figure out that I needed to migrate the blog (not the same as moving it within the same host!), which involved the ftp process as you said, but very importantly and not mentioned in many tutorials, I had to download a copy of the SQL database from WordPress since I didn’t get it from the previous designer. Having that along with the wp-content made it quite “easy” to move the blog from one host to the other, although it does involve a lot of php My admin and SQL things that I had NEVER ever done, so it does take time and patience.

For any other newbies out there, I followed this tutorial:

https://blog.triphp.com/how-to/how-to-move-wordpress-to-a-new-server-or-host.html

Thanks again to @loughcorrib and @wpyogi for replying to my thread! I will post more for sure as now I have to edit the theme that designer created and I’m a newbie at that too.

Cheers everyone!

Thanks for that super quick answer loughcorrib!

I will read that through, I have check the folder in the zip file and it looks to me that the whole theme is indeed there, but I am confused, if the theme is all there why do I need the ftp details that he sent me?

I’m also a bit confused about where I will be developing the theme. I assumed I’d need a hosting server, which I do have (with blue host) but if I develop it within my domain, will I be able to transfer it to my friend’s domain afterwards?

Sorry if all this sounds like something totally obvious that I should already know :S and thanks again!