Is there a Wordpress WYSIWYG editor plugin to make a button for adding specific ul li and ol li styling?
e.g. currently my ul li list-style-type is set as square in my css and my ul li are numbers. My client want to be able to add roman and alphabet bullet points in the Visual side of the Wordpress WYSIWYG editor instead of having to manually code the list-style-type (upper-roman, upper-alpha) in the HTML side of the editor?
This tutorial will let you add the Styles dropdown in the WordPress editor: http://alisothegeek.com/2011/05/tinymce-styles-dropdown-wordpress-visual-editor/ (edit: the Method 2 described there)
As options of this dropdown, you should let your client add 2 different classes on ul element, for example alphabetical and roman. In the CSS file of your theme as well as in the editor-style.css mentioned in the tutorial, style these 2 classes as you want (ex: .roman { list-style-type: (...) })
Related
I wish to change the appearance of this page
https://www.wizardmodels.ltd/checkout/order-received/21061/?key=wc_order_NesCNU4ih80Xn
generated after an order made in chrome's incognito mode
screenshot
all CSS I write into the child theme appearance>edit seems not to affect this page, for example
.order_details ul li {
padding: 0em 0em!important;
}
and variants thereof. Is there something about the Thank you.... page? Is it like an email with CSS editing through PHP snippet?
Any help greatly appreciated.
Your child style is loaded, The problem is because of .order_details is the ul and not the ul container :
Simply change your CSS selector from .order_details ul li to ul.order_details li.
I am looking to change the font size and weight of the navigation menu items on my WordPress site, I am using The Company theme, but I can't seem to figure out the CSS required
My site is www.thepowerwithin.org.uk
I am looking to make the items in the main menu at the top bigger and bold
I have reviewed your question. I think you want to apply CSS only on main-menu anchor text not on sub-menu anchor text. If I am right then you can do as:
ul.menu:not(.sub-menu) > li > a {
font-size: 16px;
font-weight: bold;
}
You should use children-selector > to apply CSS only on the direct children of ul
When use ul.menu:not(.sub-menu) it ignores sub-menu ul of li.
The best thing to do is learn how to use the developer tools in Firefox or Chrome or Safari or IE to see what's loading on your site and how to work with and change the CSS and HTML. Dev tools allows you to make temporary changes to the locally cached browser copy of the site. You can then add the CSS changes to the theme, either by adding new CSS in theme options or to the style sheet.
If the theme allows you to add custom CSS to modify the menu, that's good. If not, make a child theme so you don't lose your changes when the theme is updated. See Child Themes « WordPress Codex
I am trying to add Marathi font to header menus.I failed to see option in divi builder(wordpress).
there are options, but they are only for default font's.
whats the procedure to add custom font for header menu in divi builder?
I have done this several times and the solution I employ is to install the Use Any Font plugin. You will need an API key and you can get that for free from the download page. If you use the free version, you will only be able to import one font. That can be found here:
Once you have your plugin installed, the API key active, and your font imported, you will need to target the nav links using CSS, as the plugin doesn't allow you to directly target the nav anchors. So, to achieve this add the following to your custom CSS panel:
.et_header_style_left #et-top-navigation nav > ul > li > a, .et_header_style_split #et-top-navigation nav > ul > li > a {
font-family: Marathi, sans-serif;
}
Do you want to add custom fonts in WordPress? Custom fonts can help you freshen up your theme and stand out. In this article, we will show you how to add custom fonts in WordPress using Google Fonts, TypeKit, and CSS3 #Font-Face method.
Load font and create class in css and add that class inside menu item,
http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/
I created a menu and sub menus on my WordPress site. The theme was made by me from scratch. However, the submenus are always on display (instead of hidden when not active or hovered).
How do I make the submenus display only on hover? Does this kind of feature not exist in WordPress by default and need more code tweaking?
Yes. That is the expected behaviour. WordPress functions just output the code needed for the menu. We'll have to style the menu ourselves. Particularly, when the theme is coded from scratch. You could use the following CSS:
.sub-menu {
display: none;
}
li:hover > .sub-menu {
display: block;
}
I am using the 2011 theme on wordpress and I would like to make the font that appears on the primary menu bigger and more stylish, is it possible for me to achieve this and if so, how to I go about it. sosytee.wordpress.com is the site i am working on and i would like to change the menu to a font similar to the orange letters in my banner as well as the size also
You can edit style.css file for this.
Please add child theme and edit the CSS file
Main menu:
#access ul {
font-size:20px; /* change it as per your need*/
}
Dropdown:
#access ul ul a { ... }
Firebug plugin for Firefox may help to inspect CSS style.