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
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 have used the plugin Superfly Menu - to create a sidebar menu with a sub menu. There is a space / gap in between the sub menu and main menu which I cannot remove.
Where in the CSS would I find the space or padding to allow me to remove it ?
I have tried resizing the menu, however this only changes the width of the menu "panel"and not the padding. There is also no option within Screenfly settings which causes this spacing.
.sfm-view.sfm-view-level-1.sfm-current-526 {
margin-left: 0px!important;
margin-right: 0px!important;
padding: 0px!important;
}
I expected that to remove the space / gap between the main menu and sub menu panel, however it does not seem to be the correct selector
Link to Site
The fixed width here is causing the trouble:
#sfm-sidebar, .sfm-sidebar-bg, #sfm-sidebar .sfm-nav, #sfm-sidebar .sfm-logo, #sfm-sidebar .sfm-social, .sfm-style-toolbar .sfm-copy {
width: 255px!important;
}
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%;
}
}
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.