Stack Exchange Network

Stack Exchange network consists of 174 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

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.

0
votes
0answers
2 views

I need help To display Posts From A Specific Category or tag In my homepage Mobile theme

Hello Guys Am Trying to Display Posts From Different categories on my mobile site Home Page But I end Up breaking my site With Wrong Code This is My site https://bazenation.co/ This Is What I want ...
0
votes
0answers
12 views

Zig Zag border CSS SVG [migrated]

Hi I am trying to create a zig zag border and have tried a few diferent ways but not quite getting there. Here is a codepen close to what i need, but i need it as a border (top) but the background ...
0
votes
0answers
14 views

Footer and pagination in middle of the page

All my classes in css have position absolute. After I close all divs, I put div for pagination and for the footer, but the footer and pagination are at the end of screen page (middle of the site, not ...
0
votes
0answers
6 views

Infinity Pro (Genesis) - how do I hide the header and show it only on scroll?

I'm using the Infinity Pro child theme on the Genesis framework. For my home page, I'm trying to get this behavior for the header: https://youtu.be/WsOj39i8GJw As shown in the video, I want my header ...
0
votes
0answers
10 views

Adding Help “?” icon to the registration page

I want to add the "?" to my registration page https://www.smartaspelare.se/registrera/ and want to make it look like the image attached . Clicking on the "?" should show some custom message as well.
0
votes
0answers
9 views

Hot to edit WooCOmmerce dashboard?

I'm trying to edit the WooCommerce MyAccount dashboard. When you take a look at my function you can see that I first tried to remove the whole content because I want to set my own one: add_action('...
0
votes
0answers
12 views

How to remove space above header?

How to remove extra space above nav bar in Home tab? HTML <header id="masthead" class="site-header clearfix"> <div id="header-text-nav-container" class="clearfix">...
0
votes
0answers
7 views

Change the links style only on the blog posts

G-d willing Hello, I would start by saying that I am a bit new to this. I have a website with WooCommerce site which has blogs as well. I would like to change only the way links looks like in the ...
0
votes
1answer
23 views

Make CSS Changes To Only Affect Mobile Browser [on hold]

Trying to make some CSS changes, that will only affect view on mobile phones. I made changes below, but it also affects desktop views. nav { margin-top: 140px; } & ownmenu { background-...
0
votes
0answers
11 views

responsive full-width embed video with fixed height [closed]

i am trying to make responsive full width embed video i tried this code but did not work .video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-...
0
votes
0answers
18 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 ...
0
votes
0answers
17 views

Need help with woo-commerce Css [closed]

I have been hitting my head over this for a while now, with no luck...for some, it may be a walk. So, This page has a subscription plan, and the products listed below, but the content of the product ...
0
votes
0answers
17 views

Alignment of menus [closed]

I added the menus but when I zoom out the screen to too small the menu is moving. I want to place the menus in a fixed position. Please anyone help to overcome from this. <div class="flex-...
-1
votes
1answer
25 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 ...
0
votes
0answers
18 views

Child custom css not overriding index styles even with !important

Firstly the child theme CSS wasn't overriding the parent theme CSS so I used the below code in functions.php add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', PHP_INT_MAX); function ...
0
votes
1answer
39 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
0answers
20 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
9 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
0answers
15 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
15 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
33 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
22 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
10 views

Trying to make a dropdown menu with closebtn. please help

I am new to coding in WordPress. I am actually making a custom theme where I want a dropdown menu in header. I like Moz.com and Neilpatel.com's drop down menu so much. I tried to code one like that ...
0
votes
0answers
44 views

Double Scroll Bar on Website [on hold]

A website I am responsible for: www.livingsalads.co.uk has a double scrollbar on most browsers (chrome anyways). Which is obviously an issue as it looks bad and also browsers sometimes use the ...
0
votes
0answers
12 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
14 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
votes
0answers
13 views

How to Show a title and caption image in gallery?

I would like to place a title and a short description below each image in the gallery. As in this website: decalaveras.com Now I can only add a legend that I can not link to another page.
1
vote
1answer
70 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
37 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
22 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 ...
0
votes
0answers
9 views

How to get a different table format from the main style (elementor and excel)

I'm using the elementor plugin and on the text editor it has a place that says CSS ID and CSS Classes. I'm making tables in excel and then exporting them in webformat (.html) I'm trying to figure out ...
-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
17 views

Additional CSS editor update

I added css grid to the custom css. The fr unit detected as an error and after few lines containing fr unit the editor starts to lag. Where can I update the editor interpreter? Thanks in advance
0
votes
0answers
11 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
35 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
22 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
14 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
33 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
9 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
14 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
44 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
46 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() ...
1
vote
1answer
74 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
29 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
56 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
46 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
0answers
13 views

Images zoomed in on Related Post section

I am using 'The 7' wordpress template and the Related Post section, included with the template, sometimes show zoomed in images. It seems that happens when I scroll down the page very quick right ...
0
votes
1answer
22 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
48 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 ...