All Questions
Tagged with css customization
147 questions
0
votes
1
answer
963
views
functions.php / replacing div's with new ones?
I'm not sure the best way to tackle this one:
I have a menu I saw and like and want to use it as a basis for my own. I have the CSS for it. On the page it comes from its all labeled differently to my ...
CommunityBot
- 1
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 ...
CommunityBot
- 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 ...
7
votes
3
answers
13k
views
How to include own css on wordpress tinymce editor?
I have added some text on tinymce editor on load.
(Every time you click on Add new the tinymce editor load with this text.)
but problem is how to enable css class which are using in default text.
...
- 1
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
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 ...
-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 ...
- 43.9k
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 ...
CommunityBot
- 1
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 ...
- 7,106
-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",...
- 17.1k
-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">
<...
CommunityBot
- 1
-1
votes
1
answer
1k
views
How to echo custom styles in css format?
I'm usually do dynamic-style.php file for making dynamic css codes from theme options, shortcode, customizer and all others.
But, you may already know it'll slow down our site speed. I would highly ...
CommunityBot
- 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', '...
- 12.3k
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;
}
- 2,819
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, ...
- 111
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
32
votes
2
answers
48k
views
Where are Additional CSS files stored
This image shows the Additional CSS feature in Wordpress. I'm trying to find the file that stores the additional CSS, but can't seem to find it anywhere - I've searched almost every folder in wp-...
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?
- 538
4
votes
3
answers
13k
views
How to add extra attribute to stylesheet link?
Following Keith Clarks advice, i'd like to load my fonts asynchronously. I try to achieve that by adding:
wp_enqueue_style( 'font-awesome', URI . '/fonts/font-awesome/css/font-awesome.min.css' );
...
- 31
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 ...
- 2,526
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
1
vote
4
answers
8k
views
Different logo on homepage
I have uploaded a file as my main logo within the theme settings but would like a different logo on the main page. The theme I am using has a custom css option within the theme settings, can I use ...
- 21
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 ...
- 2,388
2
votes
1
answer
4k
views
How to get WordPress to accept the <style> tag in articles (or other alternatives)
WordPress (i.e. TinyMCE) automatically strips the <style> tag from articles in newer version. This means, you can only rely on inline CSS which makes the code ugly for more complex styling ...
CommunityBot
- 1
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 ...
- 161
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:
// ...
- 890
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. ...
- 281
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 ...
- 932
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 ...
- 375
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 ...
- 20.8k
2
votes
2
answers
10k
views
wp_head() not inserting the default stylesheet style.css
I have a custom theme with just a name in its style.css. I've activated it in admin which shows it just fine.
In the index.php just <?php wp_head(); ?> and it doesn't output the line that is ...
- 1
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 ...
- 400
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 ...
- 43.9k
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-...
- 2,661
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 ...
- 131