All Questions
Tagged with css customization
147 questions
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 ...
0
votes
1
answer
10
views
Prevent part of plugin loading in another menu
I am trying to remove this part from the menu, my appologie buy im not sure how to take and copy the code from Inspection menu. I do hope this is enough for someone who knows how to. I was thinking ...
0
votes
1
answer
80
views
Add custom css to specific user
I need help with something for my wordpress site. I want to add custom css to a specific user. For example, user B. but I couldn't do it.
Here I tried the following css code:
div [user="id"] ...
- 1
-1
votes
1
answer
26
views
Newbie question - which css file to edit
Hi I am currently using the Phlox theme to create a website but there are a few tweaks I'l like to make the CSS typography but as there are multiple CSS files, I'm not sure which one I should be ...
0
votes
1
answer
65
views
Modifying posts based on category in TwentyTwentyTwo theme
This is quite a starter question.
I want to change the style of all the posts in the "photos" category by adding custom CSS to the style.css file of my child theme. However, I cannot find any ...
- 1
0
votes
0
answers
303
views
Add custom styles to the Raft theme
It seems that in WP6.1+ and the raft theme it's become much harder to customize styles. The footer has custom wp tags ala "wp-social-link" but in trying to override list-style-type in order ...
- 105
0
votes
1
answer
58
views
Where did I put this one line of css?
So I'm a bit lost. There are so many places to tuck away custom css between the WordPress customizer and Elementor Pro, and I added some css to style a couple little recurring anchor tags in a file ...
-1
votes
1
answer
794
views
Disable all Fonts that are Standard in WordPress and replacing them with a custom Font?
WordPress STILL loads Fonts differend from the one i defined via font-face and *{font-family}. Especially in WP-Embeds still the Font Reference
-apple-system,BlinkMacSystemFont,"Segoe UI",...
- 1
0
votes
1
answer
601
views
How do I add custom CSS animations for specific Gutenberg blocks?
I am not building a theme from scratch and am using a given Wordpress template that allows for full site editing with Gutenberg block editor.
I have been able to add custom CSS (using the Additional ...
0
votes
1
answer
62
views
str_replace inside specific css files [closed]
Is it possible to perform str_replace inside an enqueue stylesheet? i can do str_replace on inline style with this function
function replace_text($text) {
$text = str_replace('background-image', '...
- 1
0
votes
0
answers
11
views
Turn off display for custom sidebar post widget when on the post it's displaying
Hope my title makes sense, I've attached a picture for what I mean.
I'm trying to use a simple bit of CSS.
body.page-id-60748, .widget_its-single-post {
display: none !important;
}
0
votes
1
answer
179
views
How to add Custom Css within the Editor?
I've been struggling for a while with this one.
I am trying to target an element within a column or block, in this case the 'Submit' button of a WPForm.
So I open the developer tools in Firefox, ...
- 101
0
votes
0
answers
77
views
Will WordPress updates remove Gutenberg Additional Classes?
I’m attempting to customize Gutenberg column blocks on my front page.
I’ve added a custom class name to a column block using the blocks Additional CSS class feature.
In my child theme style sheet, I’...
- 1
1
vote
1
answer
33
views
Adding code to child's theme css and php cannot override certain elements
I've installed the twenty eleven theme and created a child theme based on it. I copied the entire style.css from the parent theme with all the changes I want to the child theme's css and most of the ...
- 11
0
votes
1
answer
272
views
Custom CSS Nav Menu Style Not Being Applied
I have created a plugin and custom CSS page to display a custom navigation menu on one page of my WordPress site. I am attempting to show the navigation menu using a Custom HTML block on the page of ...
0
votes
0
answers
191
views
custom email validation using javascript api with elementor pro and code snippets
I am not very familiar with WordPress and CSS however, my system info is mentioned below:
php 8.0.7
wordpress 5.7.2
woocommerce 5.4.1
elementor pro 3.3.1
theme twenty-twentyone
my email provider is ...
- 3
-1
votes
1
answer
53
views
add custom css on all page exept of one
OK, that was helpful. But I need it a bit more complicated.
I need a script to add a custom css to all pages, exept on one.
How can I do that?
3
votes
2
answers
596
views
FireFox Inspector :: find CSS file related to <div>
I'm creating my new website and I would like to change the background colour. Through FireFox Inspector I nailed the CSS line that manages the colour, it's background-color: #fff;
I now have to ...
0
votes
0
answers
395
views
Style WooCommerce Product Search Widget
good evening.
I got this custom CSS code for the WooCommerce product search bar on the generatepress forums, thanks to David.
When I enter that custom CSS code, the search bar looks like this:
....
0
votes
0
answers
46
views
why won't my custom css load with the enqueue method or any other method?
<?php
function load_stylesheets(){
wp_register_style('sj', get_template_directory_uri() . "/sj.css", array(), 1.0, 'all');
wp_enqueue_style('sj');
}
add_action('wp_enqueue_scripts', '...
0
votes
0
answers
42
views
Cannot add custom css in site
I am trying to add custom css in my wordpress site. It is possible until before 2 days. From yesterday I couldn't update the css. Instead it is showing some error. So I have decide to edit directly in ...
- 61
0
votes
0
answers
24
views
Use Theme CSS in custom code
I'm busy creating a page with Divi, which contains various forms, that will be used for calculations.
Is it possible to use the same css stylesheet as the theme? This will ensure that custom code is ...
0
votes
1
answer
38
views
Changing the CSS with a plugin
I'm trying to make a plugin that changes the CSS file. My client want to change the colors each season, and we want to make it foolproof so they won't break anything.
I've managed to create the option ...
- 11
0
votes
0
answers
93
views
how to change a static testimonials into dynamic
i have a section in my home page where i have testimonials and i want to customize it !
im using TC Testimonials plugin and i want the dots to be separated and in front of the testimonial section
...
0
votes
2
answers
493
views
Adding css and js to a blank page created with custom template
I am new to wp, fair warning :)
I have added a new blank page by adding a php file in the twentytwenty theme folder with:
<?php
/* Template Name: charles */
?>
Then, I have created a new ...
- 101
0
votes
1
answer
1k
views
Custom CSS for full post vs. excerpt (Content Options)
Is there a way activate "Full Post" via Custom CSS or any other way?
Right now I am stuck with Excerpts on the Homepage and my Theme Customizer > is missing Content Options
Here below is what my ...
- 1
0
votes
0
answers
40
views
CSS style and app.js not loading
I'm brand new at theme development.
My directory is the following:
I should see, in the page source (even if I have a blank page) the app.js loaded, but I don't.
This is what I see:
what is wrong in ...
1
vote
0
answers
62
views
Is it possible to add a ribbon in the background of h1 on every page?
I want to customize my h1 and to put a ribbon in the background like in the example bellow.
Example: https://css-tricks.com/snippets/css/ribbon/
I'm not quite sure if/how it's possible to make all ...
- 11
-1
votes
1
answer
188
views
Custom CSS File wont work on second Page
i created a custom Theme in WordPress and everything is working fine and the CSS is loading to my index.php. So now i copy-pasted the index.php and renamed it, then i went to the indexCopy site and ...
- 111
0
votes
1
answer
172
views
How can I style the Comment Section of a blog post
I am trying finish styling this page. Once someone posts a comment, it looks like this (see below). I am trying to get the background area just plain black, just like the actual blog text. Then the ...
-1
votes
2
answers
1k
views
Hide entry-header for a specific category
I now you can hide the entry-header using css but what if I want just to hide it for a specific category?
<div class="entry-header">
<div class="entry-meta category-meta">
<...
- 99
0
votes
0
answers
117
views
How do I make elements in mobile only reverse order?
First I'm not sure of the best way to word my question. Any help is appreciated and I will revise it.
I have sections in web that have alternating order as you scroll
text | image
image | text
...
- 111
0
votes
2
answers
244
views
Custom Background by Page IDs
I use TwentyTwent theme and want to change its background colour by page IDs.
I'm not sure but when I check the functions.php, I see below lines which are related to background colours:
// ...
- 52
0
votes
1
answer
161
views
How to style bootstrap container in Wordpress?
I'm trying to target the following div:
<div class="col-md-5">
<article>
<h2>Title</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ...
- 1
0
votes
1
answer
122
views
Custom CSS working on home page but not on NEW created PAGE
I have this WP website http://darius-mann.com/smardigo/ with a lot of custom css. Everything works fine at the home page. Which is the the last mentioned link.
To finish the project I created the ...
- 101
1
vote
1
answer
430
views
Resizing of a header/div in a website through css in wordpress [closed]
How can I resize the mentioned header/div of my WordPress website? I have already tried it through checking the div name by going into Inspect Element but it is not working. One thing more the size ...
- 11
0
votes
1
answer
173
views
CSS Styling a specific page
I am familiar with styling specific pages on WordPress by adding a class
.page-id-123
in front of the styled element. However, this doesn't seem to apply to "subpages" (sorry don't know what they ...
- 25
0
votes
1
answer
58
views
how to add custom html and css to wordpress
for eg if i want to add this code from this site https://codepen.io/tamak/pen/ApLcq
html
Tutorial
Animated
rollOut
bounce
flash
pulse
rubberBand
swing
shake
tada
wobble
bounceIn
...
0
votes
1
answer
266
views
How can I delete the word `Category:` from page titles? [duplicate]
If I installed a new WordPress with twentysixteen theme and went to uncategorized page, I will see at the title something like
Category: Uncategorized
how can I remove the category: word from pages ...
- 105
2
votes
1
answer
1k
views
What will happen to the additional CSS when the theme is updated?
I have a premium theme installed and I need to add some custom CSS to add some new styles.
So what will happen if I add the CSS to the additional css section in the customize? Will I lose them when ...
- 23
0
votes
1
answer
265
views
How to have different background image based on post category
I have below piece of code in style.css file (website : https://askpuzzle.com)
I am looking for option to have different background-image for different post/question category.
.question-content-...
0
votes
1
answer
45
views
How replace theme styles?
I have some theme. I am running shortcode for my plugin in some page like this:
[my_plugin_code atr="1"]
But all styles is import from CSS theme. I want my custom CSS. How to do it without ...
- 45
1
vote
1
answer
301
views
CSS to remove “comments count” icon from main page [closed]
as the title suggests, can you help me on how to remove icons on the homepage that show the comment count of each article?
I do not know CSS, and I do not know exactly what to change. I am using the ...
- 113
0
votes
3
answers
40
views
Historical customisations won't go away [closed]
I've inherited a wordpress website I need to maintain. Despite having upgraded it to the latest version (5.03), and having changed the theme, there seems to be some customisations which survived. ...
- 103
0
votes
2
answers
41
views
Good way to customize admin CSS?
I have modified the CSS on the admin and login pages. But the problem is that sometimes the custom CSS is loaded last, and this makes the change visible.
The CSS can change during the loading of the ...
- 371
20
votes
2
answers
13k
views
How to add crossorigin and integrity to wp_register_style? (Font Awesome 5)
I am upgrading Font Awesome 4 to version 5 which introduces both integrity and crossorigin attributes to the <link rel="stylesheet"> markup.
Currently, I am using:
wp_register_style('...
- 609
0
votes
0
answers
267
views
Wrap WordPress Login Form in custom Div
I'm customizing the WordPress login form with the help of the WordPress Documentation. I'm using the described filters to alter the appearance of the form, mainly by injecting new CSS styles.
I'd now ...
- 435
0
votes
1
answer
70
views
css media query question [closed]
I guess this is a novice question but here it is.
I have been editing a child theme CSS and trying to change this specific code
@media (min-width: 769px)
#carousel-hestia-generic span.sub-...
2
votes
2
answers
64
views
First completely customized theme, where should I start?
I've been using the Genesis Framework to build custom themes along with Visual Builder tools like WPBakery Page Builder. The more I learn about file size and website performance, the less I want to ...
0
votes
1
answer
31
views
How to customize the WordPress 2014 theme, to have page using less horizontal margin?
How do I customize the WordPress 2014 theme, to have a single pages content use less horizontal margin?
Do I need to create a custom theme? Or is there a simple way to modify or customize the theme ...
- 103