I added a custom template to my blog but I can't edit the layout because some components are not showing properly, like below.
Follow these steps:
Click "Template Tab"
There will be two previews of your blog page: Live on Blog and
Mobile.
Click customize below "Live on Blog" preview.
Their you will find "Adjust Width" section
Enter the width value according to your need.
6. Save
That's all.
If you are using the Custom Template, "Adjust width" may not work. So if the above steps fail; follow below steps:(For this you should know HTML and CSS)
Click template
Click Edit HTML
Find the style code of your custom template and edit with apt width.
Go to Template then Edit HTML Click anywhere on your code and press CTRL+ F search for body#layout and change the width property.
Related
Made a wordpress website with the Astra theme and I want to remove a link from the header navigation because I only want my logo to be the link to the homepage. I haven't found any working solutions yet.
I have already looked through the backend of the theme and wordpress but I can't seem to find it anywhere. I also went through the code but that didn't get me anywhere either.
If you could take a screenshot of the specific link element that you are trying to remove that might help me understand better your situation to I can better assist you. That said, here are a few observations that might help you achieve what you are looking for.
From my end, when I install the Astra theme locally I only see two links in the navbar (header): 1) The Brand logo link (the link to the website's home page) on the left and 2) The "Sample Page" link to the only page (the default sample page) I have in my WordPress development website.
If what you are trying to do is remove page links in the navbar (header), then it looks like to me that the free version of this theme has relatively limited customization options and by default the navbar shows your published pages as navbar links (links on header area).
So as is, I think you have two quick options:
1) Disable the menu altogether, which will leave your navbar (header) with the Brand Logo link only. You can do that in the following way:
Go to:
Appearance -> Customize -> Layout -> Header -> Primary Header
Then..
Check off "Disable Menu" checkbox option. Then press the "Publish" button at the top to save this change.
From what I can see, this basically removes the navbar links on the right and leaves the Brand logo link to the website's homepage on the left only. This sounds like what you were trying to do although I am not entirely sure that is the best solution.
2) You can also simply be mindful of the way the free version of the them works with respect to the navbar (header), which, as I mentioned above, seems to display your published pages as navbar links. With that in mind, you should be able to influence what gets displayed as your navbar (header) links by adding/changing/removing your PAGES through the "Pages" from your WordPress Admin Dashboard menu. For example, in my case, if I wanted to remove the "Sample Page" navbar (header) link, all I need to do is remove or set the page visibility to "Private". You can do that like this:
Pages -> *Select Specific Page that comes up as navbar (header) link, in my case "Sample Page".
Then..
Press "Move to Trash" button. OR simply click "Public" next to where it says "Visibility" and then select "Private" from the drop-down. Make sure you save the changes to the page as per the usual page editing process.
I hope this helps you with your quest. And if this does not quite help you with what you were trying to achieve, please do add a screenshot so I can get a better idea of what you are looking to accomplish.
Cheers!
Arty
I made a little game using html and new I´m looking to publish it on my wordpress site. There is only on problem though, I don´t know how to add a page in html code. If I add a new Site I can only edit the text and attach pictures, but is there a way to add a complete page under a domain like www.example.com/page ?
Upload the HTML file to your website's root directory using FTP. If you name it game.html, you should be able to open the file by navigating directly to it www.example.com/game.html.
You go to My Page. Then there is a submenu Publish. Click on the button Add next to Pages. When you did that, there is that small menu in the middle where you can choose several options such as header, bold, italics, etc.. In the top right corner of that menu, there are two options: Visual | HTML. Just click on HTML and you can add HTML code.
I was given an assignment to add a payfast "pay now" button. I managed to generate a code for the button and it works just fine. I had to integrate the pay now button into the companies website. The button is coded in HTML and the company's website is done in wordpress. so my problem now is that when I add the code to a page in the wordpress site, some lines in the code disappear. I added the code in the text tab and not the visual tab.
Please help! I do not know what the problem is now.
If you're adding the code into a "rich text editor" like WordPress's main post body field, it will likely edit the code for what it thinks are display purposes.
See if there is a visual and text tab at the top right of the post editor and drop your code into the text tab, instead.
Alternatively, create a shortcode that renders your button's HTML.
// functions.php
// ...
add_shortcode('payfast', 'payfast_renderer');
function payfast_renderer() {
echo '<button class="btn btn--lerato btn--payfast">Pay Here</button>';
}
You could then render that HTML by typing [payfast] into the content editor on a post page.
Read the WP Codex entry on shortcodes for a little more background on how shortcodes work! Reliable way to render page content that relies on HTML and even server-side code.
[WP Codex Shortcode API]
I can't get editable html code behind the page. I want to make some changes to the page. Web site is hosted in the remote server. Someone assigned this task. There is empty editor when open edit page as below image.
Also I added plugin and actived it but can't get the result.
The picture you posted is of the WYSIWYG editor, which is only for adding content to the page.
If you want to edit the layout of the page itself you have 2 options -
Minor page edits to appear across all pages on the site - Go to Appearance -> editor -> page.php and then edit the code to suite your needs.
Large page edits to appear on one or two pages -
Get access to the files
Duplicate page.php with a different name
Edit code
When you go to add a new page you should have an option to pick a page template. Choose the page template you just created.
If you know exactly what you are doing, you can use Chrome "Inspect" feature, and change the HTML of the content inside the WordPress WYSIWYG Editor. After injecting your HTML, click Preview or Publish and your changes will be saved correctly.
In WordPress 5.5.3, you should be able to click the three dots on the top right, then select Code editor. Alternatively, press Ctrl+Shift+Alt+M.
i want to display the menu while clicking image button & should hide menu(click again)
in Ruby/ HTML
Like Windows Start button
This is html/js issue. See this page: http://www.1stwebdesigner.com/css/38-jquery-and-css-drop-down-multi-level-menu-solutions/
I recently followed the following tutorial, http://www.noupe.com/tutorial/drop-down-menu-jquery-css.html, and found it to be a good one. All the HTML / CSS / JS is laid out very clearly, and the example is bare-bones enough that's it's very easy to customize to make it look exactly how you want it.