Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [css]

Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation semantics (the look and formatting) of HTML output, usually via Themes. When you have to use this tag, then there's a high chance that your question is off topic on this SE network site.

-2
votes
1answer
29 views

Wordpress CSS not working properly

My theme css has gotten completely blanked all i'm seeing is plain background with unformatted text. I tried restoring to an older version of my db and also repairing my db but it didn't work. What ...
2
votes
3answers
2k views

Are there Gutenberg container blocks?

In web design, a key design element is the container that may contain various other content and blocks and is styled in CSS. Is there a Gutenberg container block that may contain other blocks? If so,...
0
votes
1answer
272 views

Simple way to add custom class and ids to individual Gutenberg blocks

Is there a simple way to add classnames to individual core Gutenberg blocks? Blocks is a great step toward moving to a web where HTML structurally/functionally describes elements, which are styled ...
0
votes
0answers
21 views

Target h1 on single post page - TwentySeventeen theme

I've tried the solution that worked on a post with a similar name to this - but it does not work for the h1 tag on the WordPress TwentySeventeen theme. What worked for the OP was: .postid-127 h1 ...
0
votes
1answer
23 views

Additional CSS for the nav menu

I have customised the navigation menu on this site. Each main menu item has its own hover colour. My question is, how do I change the selected menu item colour to match in the sub menus. Currently I ...
0
votes
0answers
16 views

Lightbox scroll page down on iPhone

I have portfolio gallery with lightbox viewer. All works fine, but there is a problem on iPhone. After click on image lightbox opens on the bottom of the page. I need to scroll down to see it. Problem ...
1
vote
0answers
40 views

footer disappear on some pages frequently

I have a problem with my footer that keeps is disapearing. I am using blade theme. On other pages news articles it is showing. Does anybody know what could be the problem? my site is http://www....
0
votes
1answer
38 views

How to remove the Welcome watermark on this page? [closed]

If you go to my website you'll see a big watermark with "Welcome on it" How do I remove this? I've tried using inspect element and I get span as the element so I do in additonal css #span{ display: ...
0
votes
0answers
15 views

How do I remove my social icons in mobile navbar?

In the mobile view on my website, the social icons are stacked on top of each other and are conflicting with the dropdown in my menu. I have tried targeting them with @media (max-width: 768px) and ...
0
votes
0answers
25 views

Adding color picker to a plugin options to change the text color

I have created a simple WordPress plugin that adds some content, So for example the admin would add the following text wrapped inside html elements I defined: <div class="myplugin-content"> ...
1
vote
1answer
546 views

Override load-styles.php with admin screen css

I am trying to modify css. I tried to modify the css with below code but does seems to work. if i try to change the color it works. #poststuff #post-body.columns-2 { margin-right: 300px; ...
0
votes
1answer
180 views

How to Make Wordpress Default gallery responsive on mobile?

I have read about the subject in many blogs and forums but I have not achieved anything. What I would like to do on my page is the following: decalaveras.com On this page, when accessed from mobile,...
0
votes
1answer
25 views

Speeding up Wordpress on a Local Network

Currently I'm trying to run WordPress offline on a Local Area Network and I'm wondering how to stop WordPress from attempting to load "loader.js?ver=4.9.8" a javascript file from gstatic.com. I've ...
-1
votes
2answers
25 views

CSS Breaks when not using www in the site address

I have got a strange issue I can't figure out. When not using www in the site address the CSS is broken. What i mean is When use https://www.queenstownmedia.com is absolutely fine When using https://...
0
votes
0answers
13 views

Woocommerce - adding multiple products to a post stacks them vertically not horizontally

Using Woocommerce shortcodes such as [products tag="mugs"] or [products limit="3" columns="3" best_selling="true" ] or even multiple product IDs adds products vertically in posts. I would like them to ...
2
votes
1answer
51 views

Can the Theme Customizer be used to generate static/cachable CSS, and how?

I am currently trying to make a customizable Bootstrap theme for my personal WordPress site, however, I am running into some issues. Bootstrap can be customized by modifying the SCSS variables, and I ...
1
vote
1answer
27 views

Add Post Status to Body Class

I have added a custom post status of rejected, working just fine. I want to add the post status to the body of the post when it is being previewed. In order to style a front end information box seen ...
1
vote
1answer
24 views

Pure CSS to “float” to the right the number of children of an admin_bar child node

I've added an admin_bar node. Each item in that node has a variable number of children. I want to display the number of children for each item "floated" to the right of the item's title (with some ...
0
votes
2answers
34 views

Woocommerce - Switching Price for Category

I am looking for the function to change position the price for the category. (I attached an image). Ok, is not a switch is a remove and add. ¿Where i can find a good explanation about the php ...
-1
votes
1answer
16 views

css .active dropdown selects all links

I'm using bootstrap navwalker to show my menu. But when i use the .active tag to on a dropdown link all the elements get te the tag. (as show in the picture) (only "Jeugd bestuur" and "Bestuur" sould ...
0
votes
1answer
17 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-...
0
votes
1answer
248 views

How do I add JS and CSS to WP (Flatsome)

I have a codepen that I would like to import into my WP setup. It is an expanding column layout, which includes custom CSS and JS. Link here: https://codepen.io/thedonquixotic/pen/WGYXyd Now, I have ...
1
vote
1answer
324 views

current-menu-item class in CSS

I have created one main Page(Home Page) and many custom links in wp-admin. All custom links are linked to sections of Home Page. Example: Custom link About Us has a URL = #section1 and in my code I ...
-2
votes
1answer
27 views

Hiding fields a form in via CSS [closed]

So I am trying to hide some of the fields in a form. The input type="" section is fairly easy to hide via ID, however I can't get around to how can I edit the label class. I did try the :nth-child() ...
2
votes
1answer
500 views

Woocommerce checkout fields on the same line

I'm trying to customize Woocommerce checkout page text boxes. Specifically I want to make some text boxes on the same line instead of separate. I've tried only with css messing around with float ...
-1
votes
1answer
37 views

Add CSS class to PHP Statement

A newbie question, I have been trying to style certain PHP code and I keep hitting the wall. I need to add CSS class to the No results found text bellow: <?php } else{ ...
1
vote
1answer
58 views

How to stop featured image thumbnail [set as background image] on blog index page just repeating same image across all posts

How to stop featured image thumbnail [set as background image] on blog index page just repeating same image across all posts: i have this code here: add_action( 'wp_head', 'set_featured_background',...
-2
votes
3answers
64 views

CSS does not take effects and it doesn't show in inspect [closed]

Hi I am trying to do a simple thing for my header at https://blog.madesoma.com/, but I don't know what's wrong with it. .site-header { background-color: #473C93; } #branding-logo { float: left;...
0
votes
1answer
26 views

I want to change change the arrangement of the grid of posts displayed by the theme on the Search page (read the description for better understanding)

i have a theme called Hueman installed on my Wordpress. I have the free version of the theme installed. Now whenever i search using the default search of Wordpress it displays the result in a grid ...
0
votes
1answer
79 views

CSS getting injected into index from somewhere after theme/custom CSS is loaded, overriding all of my CSS [closed]

Using the inspector tool i can see that some CSS is getting injected/generated from somewhere (which i don't know where) which is overriding my own css. I've tried several things from using a child ...
0
votes
2answers
35 views

About copy and paste content and formatting

when I copy my content from my WordPad and paste it into Wordpress Visual editor it shows line break on post display on the browser whenever a line is started in visual editor
0
votes
1answer
29 views

Adding custom html/css/images to Theme

I have a small header-of-sorts that's in a html file, with its own css file and a folder of images (svgs). I'm basically trying to put this on my site in the header, so I made a child theme and went ...
1
vote
0answers
24 views

How To Add a Transition style to Wordpress Comment Box? [closed]

What I am looking for is to have the comment box slide down when a user clicks the reply button. I have tried several ways of adding my own CSS transition to the respond id and even did a height ...
1
vote
0answers
15 views

How to create an input field, and base the output on spreadsheet data? [closed]

Fair warning, I'm brand-new to WordPress. I'm creating a site about fonts. I'm trying to set it up so that the user enters a font name in an input field on the home page, presses a "Submit" button, ...
1
vote
0answers
47 views

How to make an WordPress element sticky? [closed]

I'm trying to make an element sticky on my article. This is the element- Name: WP-Review <div Class=sticky-review> <?php echo do_shortcode("[wp-review]"); ?> </div> I tried CSS- ...
1
vote
0answers
45 views

Admin pages missing css

suddently my admin page lost his css I think.. It looks like this: I've read some topics with similar problems and I've already tried to: - clearing browser cache and changing browsers - reinstall ...
0
votes
1answer
40 views

Hover colour spreading out beyond submit button

I have been struggling with this for two days now, I am using a plugin called wpform to create an order form. Everything is fine except the submit button, as soon as you hover on the submit button ...
1
vote
1answer
65 views

Inline Style attribute getting stripped off

I am trying to style a particular section of a blog post using the WordPress editor in HTML mode. <div style="background: red;"> Special section </div> The works fine. But when I add ...
1
vote
0answers
17 views

CSS: How can I show a photo beyond the template's column, but contained within the browser window? [closed]

I'm stuck with a CSS issue and hoping someone knowledgeable can help. I have a nice responsive template that I'm trying to customize with this one tweak, but I can't figure it out. My site is a ...
0
votes
0answers
16 views

Using Sprit-sheet on WordPress categories

I have added some custom category taxonomy and it's having a field to add icon by the user. i am able display all the categories with icon in the front-end.. but as a part of website optimization if i ...
0
votes
0answers
194 views

replace the WooCommerce Bookings default input number box with the theme one

So I have an online store that uses WooCommerce Bookings for bookable products. I am using the popular flatsome theme. The problem I have is when I have a bookable product it uses the default ...
0
votes
1answer
325 views

How do I move my logo from the center to left (Pixgraphy theme)

I am trying to move my logo from the center of my page to the left side. I am using the "Pixgraphy" theme by "freesia" and it doesn't allow me to move it in the template whenever I try to paste ...
2
votes
2answers
42 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 ...
1
vote
0answers
58 views

Accordion scrolls page too low after clicking on the title [closed]

Intro usually I trying to solve my problems at the code by myself, but with this one I need your help. I would like to say, that I tried all the solutions that looks similar, but I am not very ...
1
vote
0answers
471 views

Font Awesome 5 Free - far working but fas is not? [closed]

This is making me crazy. I'm using Font Awesome 5 Free in custom list styles using :before and content: In every instance, far icons are working and fas icons are not. I've checked everything I ...
1
vote
2answers
32 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 ...
0
votes
1answer
16 views

How to fix this error? [closed]

after editing wordpress css file there is one error
0
votes
0answers
28 views

Can background image animation be separated from DIV content?

I can animate the blue background image at the top of the following page. However, the animation also "grabs" the logo, red text, etc that is inside a DIV contained inside the same container that ...
2
votes
1answer
32 views

Want to create Child theme, but already edited Parent theme css files and some php files

I downloaded a WP theme and edited some php files and the css file to my liking (trial and error), and have been using that on my website - but didn't create a child theme. This means any updates I ...
1
vote
1answer
39 views

How to apply a CSS file to my admin pages?

I have created a simple CSS file and I would like to apply it to one of my admin pages--specifically the 'edit post' page. I have tried two methods (described below), but both are failing--the CSS ...