I tried my best but I couldn't make the following theme full width/screen by editing the CSS. I'd be very much grateful if you could show me or give me a hint regarding this customization.
http://envirra.com/themes/blackmag/?cat=4
the theme itself has an option for full with and posts without sidebar, but it only displays the header and slider with full width, all the rest, the blog and footer is still boxed
To create a new page layout you need to access your theme files and
open up and edit page.php.
create a template with full-width.php.
Select a page template in admin page section.
For more information refer following link:
https://premium.wpmudev.org/blog/create-full-width-page/
Add this css.
#media (min-width: 1200px){
.category .container {
width: 100%;
}
}
Related
I am using currently Betheme Wordpress and I want to remove admin menu Betheme li Items
Kindly view the image what i want is also defined in image
I have found the solution and its workig 100%
1st step open this file projectName/wp-admin/admin.php
then
2nd Step in footer of the page insert this code
<style> li a[href="admin.php?page=be-websites"] { display: none !important; } </style>
Enjoy My Solution ...
Go to theme editor and remove the line that makes the item to display in the admin panel.
I'm building a website with Divi theme in Wordpress. I want to change the "previous" and "next" words of the portfolio pagination for a "<<" and ">>" arrows. I've tried with the wp-pagenavi plugin but is not working.
Is there any way to do that with php in the functions.php of the child theme?
thanks!
You could use Css, just add it to your Custom CSS block in Divi > Theme options.
Search for the Css Style inspecting the element in Chrome and use this code:
button {
position: absolute;
visibility: hidden;
}
button:before {
content: "<<";
visibility: visible;
}
button should be replaced with the Css style of the button you are changing.
Based on this answer of another question: https://stackoverflow.com/a/17160267/10510941
I’m trying to remove WooCommerce product image in my WP page (I'm using eStore template). I don’t need the product image to be shown, but when I remove the product image using the following PHP snippet, I get a blank space where the image is supposed to be, and it looks terrible:
remove_action( ‘woocommerce_product_thumbnails’, ‘woocommerce_show_product_thumbnails’, 20 );
I've tried to remove the image placeholder by inserting the following CSS snippet, but nothing happens:
.single-product .product .summary {
width: 100% !important;
float: none !important;
}
Could you please give me some guidance on this?
Note - this code come from: Remove WooCommerce image
Just make the image gallery area display as nothing and 100% should fill the area. I tried the following with your CSS on the default template and it worked for me:
.single-product .product .images { display:none; }
And here is an example page for those wondering:
https://demo.themegrill.com/estore/product/shoe-for-men/
Koda
the image variable/object is being shown on this template you are using. if you cannot figure that out, just do a super hacky:
divName img {
display:none;
}
and move on to learning how to manipulate the templates inside WooCommerce for better flexibility. You could even write a function to hide this image...
Currently putting together a webcomic website. I have no need for post content / comments. Just looking to post a daily/weekly comic and leave it at that.
Current Site: http://anarchyplants.com
I've tried to disable the post edit box on the admin end as well as searched high and low on removing that "Comments(0)" on the mini nav bar.
Currently using Wordpress and ComicPress theme.
(http://comicpress.org/) w/ Comic Easel Plugin (it's required)
If someone more Wordpress versed that I can shed some light and teach me how to achieve this, I'd be more than grateful.
You could disable this from your css. Just place it in your child themes style.css file. It's not recommended that you remove the post edit box... How else would you publish your content?
/* Will hide the comments on the "mini navbar" */
#comic-nav-wrapper > tbody > tr > td:nth-child(3){
display: none;
padding: 0;
}
To remove the content from the post, you could simply:
/* Remove the post content */
.post-content{
display: none;
}
Here is screen shot : http://d.pr/i/QhkF
My theme is : http://www.templatemonster.com/wordpress-themes/37712.html
Any idea?
If you want to fix the content area of an editor of wordpress, then the only way way to do this by adding the custom css to your default template.
To do this go to your default template and add the below line to your functions.php.
suppose i have given a name for my custom css file like test.css.
add_editor_style('test.css'); //in functions.php
and then create a file named test.css (or whatever) in your theme directory and put this line of code inside it:
html .mceContentBody {
max-width: 400px !important; // whatever improbable size you want
}
When you personalize your site you'll need to go to site styling > custom CSS and add this script :
body {
overflow-x: hidden;
}
It will enable your horizontal scroll.