Add custom text on Contact Form 7 Wordpress Plugin - wordpress

I've styled and prepared my Contact Form on my website (using Wordpress plugin called Contact Form 7).
I've styled the form, and made everything as I want it. But I only have one problem. I can't figure out how to enter custom text in a specific part of my contact form.
This is the page: http://digesale.com/contact-us/
You will obviously see an empty part in the upper right corner of the form. I want to write some text there. I tried googling for a solution, and I tried looking through the plugin's settings and even php files. I can't figure it out.
Can anyone help?
Thanks

You can add the code where you are adding the fields in contact form 7. You can do customize there by your own html.

Okay guys. So I managed to do it. I went into Contact Form's settings. And I added the following:
<div style="float:right; width: 365px; margin-top: -160px; font-weight:bold; margin-right:10px; font-style:italic; font-size:13px;">MY TEXT AND LINKS AND EVERYTHING</div>
You can see how it looks if you check the page using the link in my original post.
Now, if anyone sees a mistake or something I could do better, do tell? I used CSS to position and style the text and everything. I hope I did it well to work on mobile and all devices and everything. I'm an amateur with this stuff. I can get things done, but don't even start with cross-device compatibility and stuff like that. :)

Related

My post content (paragraph) is not show proper way in my frontend website

When i make a post in my website then it's paragraph(text editor content) is not show proper way in front end website(wordpress) .
but content is show in text editor in proper way.
Please give me a solution!
A lots of thanks..enter image description here
enter image description here
Talk to your HTML CSS developers about that..I dont think there is any technical issues. Your paragraph tag must be made to display:none as far as my knowledge is concerned.
It seems that your theme doesn't support RTL, you can ask the theme developer about this problem or apply the CSS yourself.
https://codex.wordpress.org/Right_to_Left_Language_Support
https://www.youtube.com/watch?v=1qxuBsQd74I

Using Html Anchor on my web site

I am using weebly site builder and so just a beginner on Html coding. I am having issues making anchors work on my pages. They seem to work on some systems and not others, and so I think there must be a better method.
Here is what I am doing
I have a guest author page and I want each guest, to have a direct link to his section of the web page
I set up an anchor as follows
Then use the following link to it
http://arthurvaso.weebly.com/guests2016.html/#smith2
On some computers/broswers this works just fine, in others, it just goes to the Top of the page instead of the section I want.
I basically have pages I want to make direct links to
Poet1
Poet2
Poet3 etc
I search here, an all the posts were either years old, or not exactly the answer I was looking for. It seems the newer the browser version, the less my method works.
I really appreciate any help, thanks!
There is a little trick to it, but it's an easy fix for you. You are missing in your Anchor.
Change:
<a id="smith2"></a>
To:
<a id="smith2"> </a>
Make sure to publish the changes.
And, note that your Anchor Link should be:
http://arthurvaso.weebly.com/guests2016.html#smith2
without the / after .html

Using CSS to link to a page?

Would anyone happen to know how to use CSS to link to an internal page instead of using a href?
The situation is... I have a feed on a page from an external source on another one of my website (which controls the link) I wish to use CSS at my end to change the direction of the link almost creating a feed without coding RSS.
As of now I am using the following code to kill the link as I would rather it go nowhere than to an undesired place:
.col-one-thirdtest a.item-link {
pointer-events: none;
cursor: default;
}
Any help would be greatly appreciated.
Problem solved by using http://open.dapper.net/user-dapps.php and http://feed.informer.com/ in order to select the sections of the page I needed and then convert them into an RSS feed! Job Done!
Nope. CSS is not a scripting/behvaioral language. It's a styling language. (Your pointer-events trick doesn't work on all browsers, anyway.)
You'll need to use JavaScript to change the link locations.
Also (as a side note), you might want to reconsider your reasons for having the feed from said external source if the links don't go where you want them to. The behavior you're asking for suggests that your feed might be the wrong way to go about your desired effect.

How can I prevent this plugin from popping up from behind the content area?

I have this strange issue going on with my CSS on my site, and I'm hoping someone can help me out. I have a sharer box to the left of each of my posts. When you click the box to share (for instance the twitter box) the pop up box goes behind the post content, instead of in front of it. Anyone have any ideas on how to fix this? To see it for yourself, visit one of the posts and try to click on the google plus, or facebook like button (don't worry, it won't actually share unless you confirm it) You can view one of the posts to see what's going on here ---> http://noahsdad.com/child-down-syndrome-friend/ J
Thanks.
Here are a few screen shots of what is going on d.pr/ZCPy and http://d.pr/ax6H
Try with z-index:99999; on pop up box.
For the video shown in the post, add wmode="opaque" to the <object> / <embed> tag.

Facebook Button CSS trick

Does anyone here know how to style a normal button like the famous Facebook button? i have already developed the code, but i need to see whether the experts here do know how to do this or not. Post in your codes if you can do Style a normal button like facebook button.
UPDATE
I did not post this question myself. I guess someone else used my profile by some means to do this. Sorry for the disturbance created by this question. I myself want the moderators to delete this. PLEASE.
You can make any button look the way you want using an image:
.button {
background-image:url(yourimage.png);
width:...px;
height:...px;
border:none;
}

Resources