enter link description here
this is the site in question, I want to center the contact form and the submit button on the side bar, this site is using WordPress. Thanks
Your fields are inside of <p> tags and are inline so you can align them like text.
Either add the following at the end of your style sheet, or add the attributes to the existing selectors in your style sheet.
.wpcf7-form-control-wrap, .widget-area .widget p {
text-align: center;
}
.wpcf7-form {
margin-right: 10px;
}
Related
How i can customize dynamic dialog template from PrimNG?
I follow this guide https://www.primefaces.org/primeng/#/dynamicdialog .
I want to customize footer part with my own template, but i don`t no how it do.
Help please)
Thanks!!!
You can customize on the main css file like this:
body .ui-dialog .ui-dialog-footer {
padding: 10px 15px;
background-color: #20252e;
}
I have seen a few questions and also searched the internet. It sounds like the answer to this question should be simple.
Here is my contact form:
http://www.publictalksoftware.co.uk/contact-form/
I am using the Contact Form 7 plugin.
My issue relates to the Submit button. I have used "Additional CSS":
.wpcf7 input[type="submit"]
{
font-weight: normal;
background: #eeeeee!important;
color:black;
}
But the result is like this:
But that is not right. It should be like this:
Why is this happening?
I have added more CSS to size the botton and add rounded corners. Also hover effect. But my colours are still not being honored.
First, create a id for the Submit button then provide the CSS for that id:
input#id
{
font-weight: normal;
background: #eeeeee!important;
color:black;
}
I have a master detail type view setup where you can enter data on the right side (detail) and it will show in a summary on the left side (detail). I accomplished this view using CSS and jQuery. All of the data is coming from a mysql database.
The problem is caused by the html tags that tinymce inserts into the textarea. When I try to display it using the text-overflow:ellipsis; CSS it doesn't put in the ellipsis.
CSS:
.OverflowData {
text-overflow:ellipsis;
overflow: hidden;
white-space: nowrap;
}
Here is a stripped down jsFiddle with the resulting data with the tinymce html tags added and what happens on the left side.
Now Here is a version where I stripped out the <p> tags and the ellipsis shows properly.
So my question is: is it possible to have the summary and ellipsis show properly in the first case or must I strip out all of the html from the tinymce textarea beforehand?
I am open to other suggestions.
The settings have to be on the immediate parent so this works when added to your sample (note the 'p' in the selector):
.OverflowData p {
text-overflow:ellipsis;
overflow: hidden;
white-space: nowrap;
}
Just finished installing G+, Facebook Like and Tweet buttons onto my site (www.biginjapan.co) on each individual post. My issue though is that when you press the FB Like button the popup box opens up so you can share the article if desired, but part of it appears behind the sidebar. It looks like this:
Picture showing my problem
Am not sure if you'll need any code to advise me here, but if you do please let me know. All I want to do is make the Facebook popup appear above the sidebar so you can view it properly.
In your content div
#content {
overflow: hidden;
float: left;
width: 619px;
padding: 0pt 15px;
}
Remove overflow hidden.
Remove the line overflow: hidden for #content. it's on line 247.
It is layer issue. It can be handle by z-index. For the slider layer (content), use lower z-index means
.slider{ z-index: -1; }
For the popup layer (content ) use higher z-index than slider
.popup{ z-index: 123; }
I have a facebook iframe application with share functionality. Currently when i share something its showing the custom text Comment · Like· Share when posted on profile page.
I want to give customized text like view result etc.
How can i achieve this please guide me ?
I am using the code
<script>function fbs_click() {u='<?php echo $shareURL;?>';t=document.title;window.open('http://www.facebook.com/sharer.php?u='+encodeURIComponent(u)+'&t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');return false;}</script><style> html .fb_share_button { display: -moz-inline-block; display:inline-block; padding:1px 20px 0 5px; height:15px; border:1px solid #d8dfea; background:url(http://b.static.ak.fbcdn.net/rsrc.php/z … 8q506x.gif) no-repeat top right; } html .fb_share_button:hover { color:#b5b8d3; border-color:#295582; background:#3b5998 url(http://b.static.ak.fbcdn.net/rsrc.php/z … 8q506x.gif) no-repeat top right; text-decoration:none; } </style> Share
Thanks
If you're using Facebook's dialogs you can specify custom action links with your posts, but if you're using the old sharer.php this isn't possible.