Wordpress form field not expanded - css

Currently there’s a problem with the form display on our wordpress site. Was looking at it and thought it might have been a plugin conflict. Tried deactivating some but the problem still persists.
This is how the form looks like on this site 1. Notice that the form fields is much smaller in width and when clicked on, it has a textbox shown which may be the reason why the width is restricted.
form with problems
This is how the form looks like on site 2 (intended):
form that looks as intended
We’re using cornerstone and a custom plugin for the wordpress shortcode that represents the form - so when i paste the shortcode in a textbox on cornerstone the form shows up instead.
The plugin code has been checked to be the same for both sites, so it should not be the source of the problem. Also, the wordpress form code for the form works on our other wordpress sites, so that might not be the problem too. So it probably narrows down to wordpress.
The problems are summarised:
Form textbox width differences between same forms on different sites
Form showing a textbox when typed in but the form in the other site
doesn't
Colour of "submit" button not fully grey when mouse is not hovered
on it -> with some red covering it
The thing is, we don't want the changes to the forms to only affect one page, but want it across the problem site.
Can anyone help to diagnose the problem above? Many thanks!

Related

Wordpress how to link a page to blog content

This may seem novice, but I assure its not.
So, I have a site, which displays blog posts by date from new backwards.
Standard stuff. However, what I'm trying to do is create a temporary homepage, lets call it 'yogo'. It displays some ad, or image, with a button link.
What I'd like is a direct link to the actual blog feed which displays in a given theme site's frontpage. Is it just a block?
When Im in Appearance->Reading, I can change homepage to 'yogo' fine. But, say a visitor is on 'yogo', and I want a button they click on to link to what would be the original theme frontpage with blog content, it should technically be 'Home' but is that coded somewhere through the wordpress software like the Reading mentioned above.
Maybe Im missing something, should I shut off permalinks, and dig for it in actual page extension?
Im trying to avoid using Guten. or Elem. to build out a blog page.
Any advice, thanks in advance.
Once add your code in front-page.php or home.php you can use get_the_permalink() function to get the blog page URL and will pass in "a" HTML tag like this -
Your Blog Name
Might be it can help you.
Just a quick update. actually solved this.. In simple terms, it is possible to do this really quickly through the Wpress UI. From your backend, these are the steps in the following order:
(firstly. shout out 2 user 'mirchev' because if u didn't point out templates I would of been way off. actually after about an hour of research after that) So it all takes place in Setting->Reading. From what I've read, Wpress started off as a blog based system anyways, so it was solved a long time back. Basically to start, 1. Create 2 pages, no need to add any content as long as they are 'new' and you make note of the names.
2. Also important -in the template area to the right panel when the new page editor loads up (you don't need to add any texts, images or whatever, including the area on the right just make sure "default template" is selected. 3. Afterwards, these 2 pages are 2 be used in the Setting->reading section.
What you want to do is when you enter this setting of your Wpress site, instead of having your "homepage" radio button be "latest posts" set it to 'static page,' and 4. important - select 1 of the 2 new pages you created as the static page. 5. Now, also important, for the posts page, select the 2nd of the 2 new pages you created. 6. Once this is done, what happens is your website loads the static page, which you may customize however, and then you can go into your Appearance->menus and add the appropriate link to the 2nd of the 2 new pages you created to load the blog, or link to it whichever way you choose. More often than not a menu item should appear if that is the setting you customized.
..And that is all. if fact I was very surprised just how smooth it was.
good luck ! ..--'''~~**
Separation!

How to have single-slug behave like a normal page in WordPress?

I'm making a website in WordPress, and I'm using a plugin ACF PRO. I'm doing the entire site with flexible content, so the WordPress site is like a page builder.
Everything is fine, however, I came to a point where I need to have same functionality for single-[custom-post-type], so I can "Add row", header, footer etc... on it, but I can't figure out on how to do it.
I know that it's possible, because e.g if you look at this site here: https://rolleragency.co.uk/our-projects/
You can see that it works. I know they are using flexible content because I worked on that site and I did there what I wanted. I can't remember how to do that.
I think I had to use a Tempate Page? Or? I can't remember.
THe site is built entirely on flexible content, so everything there is modular and it's like a drag and drop, but how do I do that on single-slug?
You have to create a page template, yes.
So something like page-projects.php then in WordPress admin you would have a page called Projects.
The template you created should be automatically applied to this page. If it doesn't for some reason you can choose which template WP should use on the right side when editing a page.
Now, you can add whatever code you need to the page-projects.php. And also any fields you may need for that page you can set up in ACF by telling ACF to apply those fields to pages that use projects template.
This is how I would and did do it on several occasions :)

Wordpress Contact Form 7 add more button to add fields row dynamically

I am working on WordPress projects and I wanted to develop a functionality like once the user clicks on adding more button at that time 4 fields will be added on the form, If press gain to add more button same functionality perform. make sure on email templates this need to be updated accordingly.
can anyone help me to solve the problem? I Googled but can't find anything related to this issue.
Note: I am using Wordpress Contact Form 7 plugin and this functionality will work on also the front side.

Add php variable into Wordpress custom menu

I've been trying to figure out how to add a php variable into my WP navigation links.
Let me explain:
I'm gonna set a cookie on the very first page of my website, when the user clicks on one of 4 types of profile:
-family
-pro
-seniors
-cadres
Currently, I have a theme switcher extension wich modifies the WP theme depending on those prefixes:
http://mywebsite.com/family
http://mywebsite.com/pro
http://mywebsite.com/seniors
http://mywebsite.com/cadres
... etc
The colors & content of the 4 "home" pages are different, but I'm using the WP navigation menu (wich remains the same on every page, so the prefixes disappear when clicking on its links).
Initially, I wanted to modify my menu links like that:
https://mywebsite.com<?php if (isset($_COOKIE['profil'])){echo '/'.$_COOKIE['profil'];} else{} ?>/navigation-link1
Here:
menu
But I can't add php here, and the solution is not ideal because it would only apply to the menu, and not the posts permalinks (I want some posts to be available regardless the profile and I don't want to duplicate all my posts).
Ideally, I would like to have a solution to set the WP theme directly based on the stored cookie. This way, it would also apply when the users click on a post permalink.
I've read things about a "walker" but I don't know what it is, wp_nav_menu_objects, but I didn't understand what files to modify nor wich code to use.
I always search the web to find my answers, but I'm french and I think my understanding has reach it's limits, so if somebody could take the time to explain to me like I'm 4 years old :), I would be grateful.
Thanks

Wordpress Edit Page Textareas

I was tasked with migrating a CodeIgniter Site to WordPress in order to allow interns to edit the pages. Some of the pages have extremely complex html structures. I saw a video where additional textareas were added to the Edit Page page and each textarea corresponded to a specific div on the page. If I could duplicate this, the interns could edit small chunks of the page at a time rather than crippling the entire page due to carelessness. They've done this twice already and the WordPress site has been up for three days.
I tried to google for this but since I don't really know what they are called, I was unsuccessful. I am looking to be pointed in the right direction here -- I can do the research.
You could do this with custom fields http://codex.wordpress.org/Custom_Fields
The advanced-custom-fields plugin, for example, gives you plenty of possibilities for adding custom forms on your post pages using textareas and whatnot
http://wordpress.org/extend/plugins/advanced-custom-fields

Resources