How can I move a linked image on my home page closer to the top of the page?
-
I have a link embedded in an image that I want to have closer to the top of the page but there seems to be an invisible margin that prevents it from going higher.
Check it out on my site at https://www.jonathanstein.org. I’m referring to the “free consultation” link. By the way, I’m using the Atahualpa theme.
Thanks!
-
I’ve pasted the code below. As for the level that I want it on, I would love it to be right up at the top, beneath the menu bar (with an appropriate margin), and up against the right panel (again, with appropriate margin).
I also wonder if it’s possible to get rid of the titles (maybe h1?) like “Home”, etc. Would like to do that on all pages, but maybe for another post. Here’s the code from the whole home page:
<p style=”text-align: center;”> </p>
<img class=”alignright size-full wp-image-499″ title=”Free consultation link” src=”https://jonathanstein.org/wp-content/uploads/2010/09/Free-consultation-link2.png” alt=”” width=”384″ height=”120″ />Hello and welcome!Thank you for visiting my web site.
I’m excited that you have chosen to take a step toward creating more of what you want in your life, whether that be greater self awareness and self knowledge; inner peace, joy and trust; or more of the kinds of successes you desire. And I’m equally happy
[caption id="attachment_394" align="alignright" width="200" caption="Jonathan Stein MA, RDT, CTP (photo jonfischerphoto.com)"]<img class=”size-medium wp-image-394″ title=”Jonathan Head Shot” src=”https://jonathanstein.org/wp-content/uploads/2010/09/biz-card-headshot-26-200×300.jpg” alt=”” width=”200″ height=”300″ />[/caption]
that you are expressing your curiosity about my work.
My<span style=”text-decoration: underline;”> 20+ years of training and experience</span> in the fields of <span style=”text-decoration: underline;”>transpersonal psychotherapy</span>, <span style=”text-decoration: underline;”>creative arts therapies</span>, and the human potential movement, have inspired the synthesis of an approach that I now call <span style=”text-decoration: underline;”>Psychotherapeutic Coaching </span>(aka: PC). PC offers the best of two major fields of personal inquiry, weaving together the depth work found in psychotherapy with the visionary and human potential function of Life Coaching. In my experience, freeing ourselves from our metaphorical emotional dungeons, the unexplored and often wounded places we hide from ourselves and others, is a prerequisite to engaging life creatively, productively, and with a generous spirit. This is the aim of PC.
Psychotherapeutic Coaching is an organic, soulful, and body-centered approach in which the client’s whole being is recognized and taken into consideration. Developing a healthy relationship with body, mind, emotions, and spirit (consciousness) lays the foundation for the work I do with my clients, and leads to profound healing, shifts in perspective, and confidence to fulfill one’s deepest purpose or calling.
Whether you are interested in meeting with me for sessions to focus on your current life’s challenges, or simply curious about the services I offer, please take your time perusing my site. If you have any questions or would like to share your ideas and suggestions, you can write to me, or call and leave a message on my voice mail. I’ll get back to you with a response shortly.
You may be interested to know that my services are not limited by geographical location. I offer face-to-face, phone, and internet video sessions to individual clients who prefer to meet from the privacy of their own homes. I also produce personal growth <span style=”text-decoration: underline;”>workshops and groups</span>.
If you’d like to receive my occasional free newsletter, called “The Whole Being Confidential “, with event updates and essential tips to help you create more of what you want in life by being more of who you are, please take a moment to register in the sidebar on the right.
I look forward to amazing possibilities!
To your wholeness, happiness and success,
Jonathan
P.S. Here are a few links that will help you get oriented and possibly answer some of your initial questions<span style=”text-decoration: underline;”> (links not active yet)</span>:
<ul type=”circle”>- Psychotherapeutic Coaching (PC): How is it different from just psychotherapy or just coaching, and what are the benefits?
- “Whole Being Counseling” . . . What do you mean by “Whole Being”?
- Worlds Beyond Navel Gazing: Why the goals of PC don’t just stop at helping you to “feel better”.
- So, you offer Internet-based video sessions to your clients? Does that really work?
?
Thank you!As for FDF, should I copy your code and put it in just above the
<p>Hello and welcome!</p>
or somewhere else?
And as fot the style.css, where in that should I put the other code you sent me?
No you can leave it where it is, and just assign a class to the
<a>
element, then place the reference.FreeConsult{position:relative;
top:-30px;}in your style.css file.
That way you won’t have to fiddle with the nested spaghetti code that you have.
You’ll probably have to play with the actual number of pixels you want to move it by, as the -30px is just a guess based on it’s current location, but that should get you moving in the right direction.
Thanks again for this. I wonder about a couple specifics: How do I assign a class to the element?
And, where in the style.css file do I place that reference you mentioned?
You need to do a google search on styling html using css, that way you can do some of this yourself.
Thanks again for your help! I’ll see what I can figure out.
1. Just a hint, when you add anything with code here in the forums, if you look just above the text input area, you will see “code”. Click on that twice and paste any code you have in between the two single quote marks that it creates. ??
2.
I also wonder if it’s possible to get rid of the titles (maybe h1?) like “Home”, etc.
You have to go to admin panel >> editor (under Appearance) >> look to right and find “Page Template” (probably page.php) and “Single Post” (probably single.php), click on each one and where it says something like . . .
<h1><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h1>
Delete that. However, before you delete, those h1 elements are for titles and are a large help with search engines liking your site. I would leave them and just go to that post page in your admin and edit the title of your page, 1-5 words that are related to the content on your page. If you would like it smaller and less “in your face” so to speak, just go to admin panel >> editor >> Style sheet-(css) and click. Find the h1 and make the font size a smaller number and delete font-weight:bold; (if it is there) or change to or add, font-weight:500.3. As for the image and it being placed as high as possible would be, the only way to do this without effecting every page in your blog . . . Go to your wordpress install >> wp-content >> themes >> your theme >> and use this info in the codex to help you create a page template . . . https://codex.www.ads-software.com/Pages#Page_Templates.
Or a bit easier, add this to your edit post page the way we have been trying today . . .
<div style="float:right;margin:5px;"> <a href="https://jonathanstein.org/contact/free-consultation/"><img class="alignright size-medium wp-image-470" style="border: 0pt none; margin: 0px;" title="Free consultation link" src="https://jonathanstein.org/wp-content/uploads/2010/09/Free-consultation-link-300x93.png" alt="" width="300" height="93" /></a> </div> Then add the rest of your page’s content here.
This will sit the image below the title “Home”, as the only way to raise it up where you want it, is creating a page template, elimitating the h1 or h2 element in the template but including it in the edit post page in the following way . . .
<div style="float:right;margin:5px;"> <a href="https://jonathanstein.org/contact/free-consultation/"><img class="alignright size-medium wp-image-470" style="border: 0pt none; margin: 0px;" title="Free consultation link" src="https://jonathanstein.org/wp-content/uploads/2010/09/Free-consultation-link-300x93.png" alt="" width="300" height="93" /></a> </div> <h1>Your Title Here</h1> Then add the rest of your page’s content here.
- The topic ‘How can I move a linked image on my home page closer to the top of the page?’ is closed to new replies.