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.
Related
I'm building a landing page on my wordpress site using elementor, after creating the page i noticed i have extra space on the right side when i slide the horizontal navigation, i need to get rid of that please how do i do this.
I have tried to stretch all the pages from the layout settings from the visual builder but still no improvement.
I also tried using some custom CSS still to nothing
This only occurs on the pages i created with elementor please help me fix this.
Thanks
I had to create a custom page borrowing the Divi theme code in order to use my shopping carts include file. The problem is the responsible WP menu will not work on the custom pages.
Is there are anyone who has had this issue who could help? It seems like the problem is in the page container and its overlapping the menu - but am struggling to pin point the problem.
Link to a test page: https://hookedonsunshine.co/products2.php
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.
I'm a developer but I don't know wordpress well and I have just inherited a wordpress site. There's a missing logo image at the top left next to the menu bar:
I have the image file but I cannot find where that logo/image is configured inside WP. I have gone into the Menus section many times -- I find the menu items but I cannot find where that image is configured. So I need to know where/how to configure that, and also how to make the image size "fixed". By default, when the image was there (before I accidentally deleted it somehow), it stretches/expands when the user scrolls down.
My client is using the "Divi Builder" template, and this template uses some kind of custom layout/template for managing and editing the page.
The Divi theme is being used and here's what it looks like inside theme customization:
So in summary:
Where/how can I find that image setup so I can fix the src to point to the correct image that I have?
How can I prevent its default behavior of expanding while scrolling down?
Thanks!
For logo settings:
Goto dashboard->appearence->divi theme option->Generl settings.
other settings
Support Docs-> Read divi theme documention
The Divi theme is a commercial theme and don't expect people on SO to have access to it. It's best to go to https://www.elegantthemes.com/forum/ for support.
"Where/how can I find that image setup so I can fix the src to point to
the correct image that I have?"
The logo is uploaded and the URL set in theme options, not in the menu options.
"How can I prevent its default behavior of expanding while scrolling
down?"
This is a completely separate question and is a feature of the theme. Ask theme support how to disable it. Or isolate the Javascript and other code and put it in a Fiddle so people can see how it works.
I'm new to building websites.
I'm currently using Headway drag and drop Wordpress builder.
I've added Testimonial Widget by Aihrus plugin for testimonials, and I've added it to a widget box.
Problem is that I want to add custom CSS to it that I've seen on this site that is built for it, but the Headway theme doesn't allow you to go in and edit the theme. I've tried adding it to the block inside of the theme but it didn't work. I ended up going into the plugin and adding it to the CSS of the plugin, and it now half works.
Could someone please tell me what I'm doing wrong?
My site is rainorshinedogwalking.com
You can edit your live CSS here:
http://docs.headwaythemes.com/customer/portal/articles/1067360-editing-css-directly
What you type gets minified and added to your site's dynamic CSS file on page load.
All you have to is go through design editor click on the element you want to edit then right click. A pop up box should come up and it say edit element choose that then you will see something like that click it and add our own css