All Questions
55 questions
0
votes
0
answers
26
views
How to delete widget in Wordpress?
I would like to remove the widget that is in the attached screenshot. Recently I managed to write a short code in the additional CSS code in Wordpress. Unfortunately, I changed the theme and this code ...
- 1
0
votes
0
answers
17
views
Hover Hide-Visible Additional CSS not working in Wordpress website, but shows properly in Customize window
I have used icon-box element in my Wordpress website with free version of Elementor. I wanted to show icon and title in default and keep the description hidden. On hover, I want to change the color of ...
1
vote
1
answer
143
views
Unable to locate inline CSS causing parts of page to be blank
Large parts on a live Wordpress page shows blank because a piece of inline CSS has opacity set to 0. Unfortunately I am unable to find where this inline CSS lives.
<div class="grve-element ...
- 225
1
vote
0
answers
136
views
How to check if a WordPress core block is active in sidebar
I have a widget area and I want to enqueue a stylesheet only if a core block is active in it. I tried the following code:
// if has audio block.
if (has_block('audio')) {
wp_enqueue_style('audio-...
- 11
0
votes
0
answers
107
views
Custom CSS in Widget editor (Gutenberg) gets stripped out
As of WP 5.8.1 (or 5.8.0) the Gutenberg Editor gets to be default even for Widgets.
So I've started to create some Widgets with Gutenberg blocks. My issue is that if I add custom CSS to the blocks (...
- 125
0
votes
0
answers
22
views
My css don't get applied on the costume widget
This is my CSS code:
text-align: center;
text-decoration: none;
}
div#grow:hover
{
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
...
0
votes
1
answer
555
views
Trying to style Woocommerce sidebar Cart Widget [closed]
I have looked at length to find CSS that will change the background color, border radius and product info text color. I think this may not be a "mini cart". The price of the item, subtotal ...
0
votes
1
answer
298
views
Need help removing block of white space between footer widgets and footer [closed]
This is the page in question:
https://k-12readinglist.com/category/reading-lists-for-elementary-school-children/
There's a large space between the footer widget areas (which are empty) and the ...
1
vote
1
answer
136
views
How to hide CSS by default and show on button press
I have the Elementor Pro page builder plugin installed and I want to setup a expanding column so when a button is pressed it expands more Elementor sections.
I'm pretty certain this can be done with ...
1
vote
2
answers
312
views
CSS not affecting widget output
so I am still quite new to wordpress development so don't rage and I am sorry if I did something really stupid.
So I am having trouble with my CSS, for some reason it's not affecting the widget ...
- 23
0
votes
2
answers
2k
views
How to make home widgets appear horizontally
I'm trying to make home widgets 1, 2, and 3 appear horizontally next to one another. Currently, they are propagating on top of each other, rather than next to each other. I've coded the widgets to ...
user129737
1
vote
3
answers
2k
views
How to add class to <ul> and childs <li> of sidebar widget - Wordpress
Note : Please note that I create this theme to re-sell, so I need little bit good way to add it.
This is how I register the menus on my right sidebar:
if(function_exists('register_sidebar')){
...
- 362
0
votes
1
answer
1k
views
Creating a simple button inside of a widget
So I'm wanting to add a couple of buttons in a footer text widget. It should be a really easy task by just creating a class inside of a link, and then styling it with CSS, like this:
<a href="/...
- 187
0
votes
1
answer
79
views
Header Sidebar Won't Move Lower - Want to Align with Header Logo [closed]
I can't get the search box to go any lower. It seems the padding, margin, etc. are all 0. But, when inspecting, it seems that the box containing the search bar isn't as large as the box containing the ...
- 115
1
vote
0
answers
41
views
Widgets Scripts don't load - but load when I reload the page
I've recently made my website and added facebook web plugin script and instagram script on the widget bar. But when I go from the Homepage to another Page it's not loading. It's just loading when I ...
- 11
1
vote
3
answers
409
views
Hide widget (and white space) on specific resolution [closed]
I want to hide a widget completely when a visitor is using an ipad on portrait orientation (768x1024).
I know that the media query will be this:
@media (width: 768px) and (height: 1024px) {
....
- 109
0
votes
1
answer
175
views
Sidebar widgets are over the content in mobile mode, how can I fix it? [closed]
I'm building a website by modifying the Dazzling theme on WordPress, and I'm having a problem with the sidebar widgets (Text). Here's the link to the website:
http://theaerospecialist.com/
The ...
0
votes
1
answer
1k
views
Widget text color change
hello i have this site and in the footer section there is the recent posts widget with the grey colored text. I wish to change it to white, i tried adding some custom css code in the theme child with ...
- 11
0
votes
0
answers
51
views
How to include JavaScript script only on specific page [duplicate]
I am creating my own widget. I need to use custom css and js files. I have used wp_register_style`wp_enqueue_styleandwp_register_script\wp_enqueue_script` functions in order to register custom styles ...
- 447
-5
votes
2
answers
98
views
Content expands beyond its column container [closed]
everyone!
I was wondering if anyone would be able to tell me how the content in my center column is able to expand its allowed container size and push my right column/widget area to the bottom?
Here'...
0
votes
2
answers
38
views
Address automatically generated ids in css [closed]
I am trying to change the background for a the 'recent posts' widget in my Wordpress theme.
My problem is that Wordpress generates ids like recent-posts-2 and so on, so how can I address this id in ...
- 1
0
votes
2
answers
113
views
Widget edit and add in any page
So I have this site and on the bottom of the site you can see the map and search. I have 2 problems with that:
The search if offset not in line with the other elements.
I want/need it to be full ...
- 5
0
votes
1
answer
74
views
widget: input the px value from user and use it as inline style in widget function
I am trying to dynamically add margin-bottom property to my widget. For example, I am inputting the value "50px" from my widget and want to use this value to adjust margin-bottom property for the ...
- 3
2
votes
1
answer
1k
views
Adding inline styles from a widget
I'm working on a theme that has an optional widget to allow users to put some site elements where they want. One of those is a list of social media icons. These are font icons, so they can be styled ...
- 15k
3
votes
1
answer
926
views
use add_action('wp_head') in a widget for generating dynamic CSS styles
I have been working on a 'Custom Pop Links' widget for use in a theme which is ready for distribution. User can change the color of a link using a color picker inside widget. Untill now, I used inline ...
- 116
0
votes
1
answer
276
views
How do I get shortcode, widget and template tag CSS to load in the head only as required? [duplicate]
I have a shortcode, widget and template tag that need to load CSS. I am registering in init, and enqueueing as required.
The only problem is, it is adding the CSS loader at the bottom of the page, ...
- 21
5
votes
1
answer
9k
views
How to use wp_dequeue_style() for style enqueued in WP_Widget class
I've got a plugin that makes a widget that enqueues some front-end CSS to style the widdget. I call wp_enqueue_style from the public widget() method in the extended WP_Widget class:
<?php class ...
- 10.3k
2
votes
4
answers
19k
views
How to add css classes to widgets using functions.php?
I need to add a class to the WordPress search widget. How would I go about doing so? I'm calling it from the admin side, as in dragging and dropping it into the sidebar at the widgets page of the ...
- 397
1
vote
1
answer
7k
views
Theme's default styles are overriding my plugin's custom CSS
I have created a little plugin that creates a widget that I've made, basically just a pretty <ul> element. Unfortunately, all default widget styles are overriding my custom CSS, and adding !...
- 111
0
votes
1
answer
5k
views
Custom CSS for a particular text/html widget in Wordpress
I have a couple of text widgets on my Home Sidebar. There is one text widget in particular that I want it to implement custom CSS written in my child theme rather than the default styling provided by ...
- 103
2
votes
2
answers
5k
views
Override custom menu widget
I would like to override some mark-up and css (like <div class="soma_container"><ul class=""></ul></div>)styling on a chosen custom menu widget. How would I do that? Should be ...
- 894
0
votes
2
answers
8k
views
How to change the default class for the widget title?
I would like to change the default class of the widget title. Currently it is h2 and I would like it to be h3. I have seen there is the option of customizing css so that h2 looks like h3.
#sidebar h2 ...
- 101
0
votes
0
answers
302
views
Special characters showing in fallback font
I have created a widget that displays some text using a custom font imported with CSS @font-face. The font have support for scandinavian characters åäö, but when I display these characters in my ...
- 101
0
votes
1
answer
228
views
Add custom class to a tags [closed]
I want to create a plugin that adds specific class to all a tags.
1
vote
1
answer
141
views
Registering a stylesheet inside my WordPress widget
I did see the other topic similar to this but I cannot get mine to work.
I am using WordPress 3.8 and am creating a custom widget for a site. I need to style it a certain way so I need to load an ...
- 231
3
votes
3
answers
3k
views
Add class to before_widget for all widgets with a dropdown and a counter
Some predefined widgets offer the option to use a select element (dropdown) and/or a counter after each entry. How can I add the CSS classes widget-with-dropdown or widget-with-counters to these ...
- 107k
0
votes
1
answer
2k
views
Sidebar widgets - dynamic CSS : problem with widget-title
Fortunately or unfortunately without much studying I made a dynamic sidebar widget area for my client's website.
My functions.php codes are:
...
register_sidebar( array (
'name' => 'Left ...
- 12.9k
0
votes
2
answers
48
views
Are there any official or unofficial guidelines for the styling of a widget?
I've designed a sidebar widget and found that on many themes the widget looks fine. However, certain themes make the widget look out of place (clashing with colors, bad contrast, etc.)
Are there any ...
- 101
-2
votes
1
answer
821
views
How to add an image as a bullet point in a specific WordPress widget? [closed]
I am using a widget to show latest tweets in my blog. The widget shows latest tweets as a list item. The default list bullet point (black square bullet point) of the theme is shown. I want to change ...
0
votes
1
answer
141
views
How to change widget's form color in admin?
I have a simple question. How to change widget's form color in admin panel of wordpress (on widgets page) to make them more unique?
Here is a simple example:
- 85
0
votes
1
answer
1k
views
Override WordPress Widget CSS Classes?
I'm attempting to style lists in the sidebar (you know, <ul><li>) and I'm curious how to also make widgets adopt this class. Each widget seems to have its own class assigned to it by ...
- 1,051
3
votes
3
answers
5k
views
Insert a span inside widget title to give a different color to the second word
I'm trying to make my widget titles two-colored; the first word white and the second one yellow. I have no idea how I can insert a span before the second word of every widget title so that I can put a ...
- 206
1
vote
2
answers
816
views
Style the archives/category sidebar widget via theme
I would like to change the appearance of the categories and archives widgets in the sidebar such that each category/month alternates the row color. The only way I know how to accomplish this requires ...
- 123
0
votes
1
answer
173
views
Best practice to include custom user styles in widgets
What's the best way to include custom user styles in widgets? For example adjust colors for buttons, borders etc. without having the user to develop a complete new stylesheet.
- 1
0
votes
1
answer
1k
views
Add a specific css to a widget
I have a theme with a sidebar and 3 widgets. I want to change the color of one of those widgets. The problem is that all the widgets have the same code:
<div class="box_outer">
<div class="...
- 173
2
votes
1
answer
4k
views
How do I register a stylesheet inside a WordPress widget?
I'm developing a WordPress widget following Dave Clements tutorial. It works well. Now I want to add some styles to it. I want the styles to be in an extra css file which will be loaded during runtime....
- 133
1
vote
1
answer
283
views
Big side banners
I would like to have a big header side advertisements like this:
What is the best way to achieve that?
- 113
1
vote
1
answer
3k
views
How to style the RSS wordpress?
I am using the default rss feed widget but want to style it. My question is -where to add my piece of code to style the default wordpress rss widget?
0
votes
1
answer
262
views
How to customize wordpress sidebar widget
This is how i registered my sidebar:
register_sidebar(array(
'name' => 'Post Sidebar',
'before_widget' => '<div class="widgetdiv"><div id="%1$s" class="widget %2$s">'...
- 3,469
1
vote
3
answers
1k
views
Style every second widget?
I need to apply a certain style to every second widget in my sidebar, and I'm reluctant to use :nth-child due to cross-browser compatibility issues. Is there a bit of PHP that will allow me to apply a ...
- 301