Make my html display full screen wordpress gutenberg - wordpress

How can I make my page display full screen? Ideally, removing all WP headers and menus?
I've pasted this into my HTML box in Gutenberg
<figure><iframe src="https://cstangor.shinyapps.io/shiny_calendar/" width="100%" height="1000" allowfullscreen="allowfullscreen"></iframe></figure>

You are trying to make iframe fullscreen. You need to edit your theme templates or add proper css.

Related

I need to adjust logo using custom size in the wordpress website?

I need to enlarge the logo of my website named Check MOT History, I tried the image logo resize plug-in but it's not working properly.
Since you are using Elementor the only way (apart from custom CSS) is to change the size in the elementor theme builder. I would recommend this guide if you don't already have a header template or are not familiar with it. Once you areediting your header you can simply change the size by selecting your logo and using the slider.
Another way would be to check the astra theme settings. Go into your wordpress dashboard --> Design --> Customizer. There you should find the logo option where you initially uploaded your image.

how to customize my logo and slider in wordpress

I am beginner in WordPress ,I had put all html code of my header in to my header.php file ,but I need logo and slider images changeable from admin site .how to customize my logo and slider ?
What theme are you using? Mostly you can change both of the things u mentioned under tab "apearence" and then select "header" or "theme options".
You might want to use the
login_enqueue_scripts
hook to insert some custom CSS into the head of your page so you can show your logo instead.
You may refer to this PHP example, for a login page, on snip2code - How to customize the WordPress Login Logo

Bxslider Ticker image spacing as a Wordpress plugin

I installed the BxSlider as a plugin for Wordpress and inserted the php script code to show above the footer on all pages.
The images scroll perfectly across the page except I'm trying to reduce the spacing between the images to show more than one image per transition.
To best explain the website shows as follows http://www.harvestoffalyfoodfestival.com/
How and where can I edit the html/css code to make these adjustments.
The slider settings within the plugin 'Slider Margin' doesn't have any effect when entering your option amount? Thanks
You will need to set a width on the bxslider container, as at the moment it's 100%.
Ideally we need to see more code, as this could also be a settings issue within bxslider.
Have you got your js settings for bxslider?

Create lightbox on Kirby CMS for blog post

I have a blog settled up on Kirby CMS. I have images attached on blog posts, the style for img contains max-width: 100%, every image has a URL to itself... I'd like to open these links as a lightbox instead of a page. Problem is that I can't use PHP for these cases since it is not a static page, all I have is CSS, HTML and Java, I believe.
Lightbox utilizes CSS and JavaScript to display the image in a modal window. You only need to load Lightbox JavaScript and CSS files with jQuery in the template and just add the attribute rel="lightbox" to your images to make it work.
Why isn't that working for you?

Need to access an image from HTML Page Editor

I have an image called "image-a.gif" in my WP images directory.
My question is, I am inside a page in the WP dashboard, specifically within the HTML editor page and need to access this image-a.gif from within the editor.
I am placing inside a div using img src="image-a.gif" but unsure how to get to it from here.
While your in the WordPress page editor you can add images from the media library by clicking the add image icon.
Next choose add image from media library choose the image and click insert and WordPress will add the code to the page editor.

Resources