I am using WordPress and SiteOrigin Page Builder to build my website. In the settings for SiteOrigin Page Builder, I can select to make the pages have a responsive layout or turn it off all together.
The thing is, I want most of pages to be responsive, but not all of them. I am wondering if there is a way to use custom css to make the particular pages I want to exclude non-responsive?
Any suggestions would be much appreciated. :)
You can target specific pages with css, by selecting elements based on the post or page id that is available on each page. Take a look at the source of a rendered page in your browser and look for a specific id relating to that post; use its naming convention to also target other pages. E.g #post-213. Using css, you can then change responsive widths to static widths. I.e. 100% to 1200px etc.
Related
I have a Website that is designed on Html and Css. Now I want to make it same as on WordPress. Tell me the best possible options that help me to create same as its style. I also want to add that css on WordPress.
You have several options for that.
1- Create your custom theme. this will allow you to add your HTML and CSS codes.
2- you can use page builders like Elementor and use the HTML element. then by adding your HTML and CSS codes that will render on the page.
Using both above methods will not allow you to edit page as you normally do using page builders. it has to be using HTML and CSS.
3- Re-create your website using page builders on wordpress, it will be easy and fast and you can make future edits easier.
Navigate to your Admin Dashboard.
You can use the WordPress Visual Editor to quickly add HTML files to
your website.
Click Pages in the left sidebar. Next, look at the left-hand
sidebar.
Choose an existing page or create a new one.
Click Add Block.
Add a 'File' block.
Choose your HTML file.
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 :)
I am new to Wordpress but not HTML and CSS. I installed a theme and then got the Page Builder Plugin.
When I use the page builder it seems to want to create a lovely crips full width site but it goes over the the top of some of the theme style/content.
It's mixed up.
How do I get page builder to be the only source for the overall design.
I considered using CSS to hide some elements of the theme and have managed to hide the side bar - is this the best practice?
Please see the linkhttp://www.daneliandesigns.co.uk/wordpress/
If it is a case of just using CSS to hide certain elements then great! But I am thinking there is a simpler way as it is in Wordpress.
I've not used joomla much before. I'm trying to just get one page of a site that uses a Joomla template to have a different logo than the rest of the site, or even hide it. I'm mostly a Wordpress developer, so just don't know how this can be done in Joomla.
Is there a way to assign a body class to one specific page in Joomla and have it hide the element?
If you edit a menu item, you want to look under "Advanced Options" and then "Page Display Options". There is a box for "Page Class" which adds a class to the page, so a body class as you wanted.
You can then tweak your template to show different pieces in CSS based on this class.
If you want to drastically alter the page, you can also assign different templates to different pages through the template manager. This takes a little more work (since you have to install and set up another template).
This would be the preferred way to handle a lot of changes so you don't have to have lots of competing CSS based on page classes.
I would like to use a page I have already made as the homepage of the wordpress site. It's a design made with bootstrap, and it consists of a full width and full height page that is divided in 4 equal rectangles, obviously flexible. clicking on each one of this rectangles should link to 4 different pages/posts/archives.
The question is: how can I change the main-index file in order to have just that design as my homepage, and not any sidebar or header or footer?
Thank you, I tried in many ways, but no success!
Go to Options -> Reading then select A static page in the homepage settings and choose the page you want to use as homepage.
You may need to define a custom template for this page if you dont want header / sidebar.