I'm using contact form 7 plugin on wordpress. Just want to add a company logo in message body, but no success it doesn't understand img tag at all. Tried to put src value in {} brackets but no result.
Please try this :
1. Check Use HTML content type box in the Mail or Mail (2) section.
2. Place <img src="url_path" /> tag into the Message body textarea.
I found a solution. Just checked the checkbox(Use HTML content type). And works perfectly.
Related
I am using the Wordpress REST API to retrieve the rendered content of a wordpress page.
My page is constructed with Elementor. And Elementor is adding some inline CSS on the finale page to make all work. This inline CSS is not present in
the content returned by the API.
Example call:
http://website.com/guide/wp-json/wp/v2/pages/23412
Response:
<h1>My title</h1>
Real page HTML:
<h1>My title</h1> <style>h1 { color: red; }</style>
Part am I looking for (not present in the response):
<style>h1 { color: red; }</style>
Do you know how I can retrieve the inline CSS generated by Elementor with the Wordpress API ?
The solution described here works pretty well :
https://wordpress.stackexchange.com/questions/292849/displaying-a-page-built-with-elementor-using-the-rest-api/292895
Once the HTML recieved you can parse the page and get the <style> tag with all the Elementor generated inline CSS.
Here is a pretty simple way to get the content of an Elementor into a variable along with styles, I used this to display a single page on all subdomains of a multisite.
https://wordpress.stackexchange.com/questions/307783/echoing-elementor-page-content-in-template-but-it-doesnt-get-styles-and-some-w
I’ll add on my own that this code worked for me (with the second argument true)
$pluginElementor = \Elementor\Plugin::instance();
$contentElementor = $pluginElementor->frontend->get_builder_content($post_ID, $with_css = true);
How can I remove the text background=""> from my Wordpress site?
The address is https://www.mybestroadbikes.com
Thanks!
You need to delete if from the page source itself.
Here is where is the extra String
Hope this helps :)
EDIT:
I am not sure how you page is structured in WordPress but you can try when you are on the home page just click Edit Page in the top menu.
After that you will ed up in a Dashboard window with some RichTextBox on it. On the right side you have to option to switch to Text instad of Visual. When you do that I think you will be able to locate the extra String and remove it:
Please check your body tag in header.php
The tag must must have been closed incorrectly.
You've got an issue with whatever mechanism you have used to insert Google Tag Manager. Use another method to whatever you have used or check your syntax because there's a syntax error with it. You can easily embed the script in the header using the hook wp_head.
function child_theme_head_script() { ?>
<script>
//Script here
</script>
<?php
}
add_action( 'wp_head', 'child_theme_head_script' );
I am new at wix and editing a website and want to add css in a page. but not found any option for css.
Anybody know how to add custom css code in wix website?
Thanks
You can do this by embedding inline styles to every page, via creating a chunk of custom css code contained between <style> and </style>.
Go to your site's dashboard.
Click Manage Website on the left.
Click Tracking & Analytics.
Click + New Tool **and select **Custom from the dropdown.
Set up your custom code:
Enter your custom code.
Select the relevant domain. Note: This option will appear only if you have multiple domains.
Enter a name for your custom code.
Add Code to Pages: Select which pages to add your code to:
**All Pages: **Click the dropdown to select an option:
Load code once.
Load code on each new page.
**Choose specific pages: **Begin typing the name of the relevant pages and then click the checkbox next to the relevant page.
Place Code in: Select where the code snippet in placed in your site's code:
Head - as noted by #Daniel Gurtner, avoid this because it'll insert it BEFORE any of the inherent styles, which makes it mostly useless here.
Body - start
Body - end Note: I'd recommend adding your style chunk here to avoid having a delay effect on your loading
Click Apply.
Wix keeps on updating this but I have found where the place described in the most voted comment is for now. I don't have enough "reputation" to add a comment to the thread, hence why this is an answer.
Go to Settings and scroll to Advanced(the last section) and you can see Custom Code. The rest of the steps are the same.
Click Add on the left in the editor.
Click More → Embeds.
Drag the HTML iframe to the site.
Click your iframe and click Edit Code.
Then type:
<style>
/* CSS Code */
</style>
As of 2022, you can add it from your Wix Dashboard under Settings > Advanced > Custom code.
Click the Add Custom Code button. Enter your CSS in the Paste the code snippet here: textarea. Make sure to wrap it within <style type="text/css"></style> tags. Set the Code Type as "Essential" as it doesn't require user consent to load.
Note: You won't be able to see your CSS from the page editor nor Preview mode. You have to Publish it and view it from the frontend.
Wix Add Custom Code screenshot
Follow these steps to add CSS in Wix.
Go to your site’s dashboard.
Click Manage Website on the left.
Click Tracking & Analytics.
Click + New Tool **and select **Custom from the dropdown.
Set up your custom code:
Enter your custom code.
Select the relevant domain. Note: This option will appear only if you have multiple domains.
Enter a name for your custom code.
Add Code to Pages: Select which pages to add your code to:
If you need more help with Wix Web Development visit wix.com/forum.
I just tried it on 6th Sep 2021. Yes it is possible to add CSS & JS custom code.
At the same place of writing custom HTML code
For CSS code add,
<style type:"text/css"> CSS CODE HERE </style>
For JS Javascript code add,
<script> JS CODE HERE </script>
The steps in previous answers did not work for me. It seems the interface has changed.
The following steps work with the new UI:
Go to your site's dashboard
Click settings in the left sidebar
scroll down to the "Advanced" section
Click "Custom Code"
All carriage returns within the embedded code will show up as \n on the output, rendering the code non-functional.
You could also achieve this by setting the .html property of your object (#id) in Velo.
The following example adds a drop shadow to your object with id equal to #id:
$w("#id").html = "<p style='filter: drop-shadow(1px 8px 4px #4444dd)'>test</p>"
Below snippet shows the result in pure HTML.
<p style='filter: drop-shadow(1px 8px 4px #4444dd)'>test</p>
You can't. This is not a feature provided by Wix.
ref. other ref.
We have a Wordpress site that uses a plugin to place Open Graph tags on our content. We receive the following error when using the FB linter:
Response Code: 200
Fetched URL: facecrooks[dot]com/
Canonical URL: facecrooks[dot]com/
Errors That Must Be Fixed
Body Meta: You have meta tags outside of your head. This is either because your head was malformed and they fell lower in the parse tree, or you accidentally put your Open Graph tags in the wrong place. Either way you need to fix it before the tags are usable.
We have not been able to locate any meta tags outside of the header.
Also, when we post an item from our website to our Facebook page a random image is selected instead of the one defined in the OG. Usually the image selected is a 125x125 ad from our right column.
You can verify that the Open Graph Tags are active on the site by visiting http://facecrooks.com and then view source.
Any idea on how to fix these errors would be greatly appreciated!
Maybe facebook's linter doesn't like the HTML div tags in the head section...
<noscript>
<div style="display:none;">
<img src="//pixel.quantserve.com/pixel/p-74ksBYx3WjrXU.gif" border="0" height="1" width="1" alt="Quantcast"/>
</div>
</noscript>
I use my custom block for displaying a flash game at the front page of my Drupal 7 installation, but there is also the annoying message:
<div id="first-time"><p>No front page content has been created yet.</p>
<div class="item-list"><ul><li class="first last">
Add new content</li>
</ul></div></div>
below it and I can't remove it. Is there please a hook for adding custom CSS? In my module I would like to make the #first-time light grey or invisible.
I prefer not to add a blank content just to get rid of that text.
Thank you!
Alex
UPDATE:
I've added the following to my module:
function game_init() {
drupal_set_message('XXX init called XXX');
if (drupal_is_front_page()) {
drupal_add_css('#first-time {color: green;}', 'inline');
}
}
but don't see that CSS-code or XXX string inside my front page.
UPDATE2:
Oh, I had to clear the cache and now it works (the Drupal docs seem to be wrong here - there was written that 'inline' CSS is not cached...)
Hiding the CSS is the WRONG way of doing it. why did you created your content as a Custom Block?
you should create a "Page" and set this page as front page in the Configuration->Site Information.
Whatever. you can also use any of these options but is not recommended.
you can also also add a BlankPage by Adding only the Title(then hiding it in PHP on page.tpl.php)
you can add your css in /templates/themes/bartik.info
you can call drupal_add_css on the _init() hook of your custom module.
Blocks are used to display information in every page(although we can set to display only on certain pages). Say For Example. A Menu, or A Shopping Cart etc.
If you want to add some CSS for a module, you should use drupal_add_css()
Why not simply add this CSS to your theme?