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

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.

0
votes
0answers
15 views

Change placement of add to wishlist button on mobile [on hold]

Could you help me change the placement of the wishlist button displayed on mobile versions of product pages? It currently shows on the top right hand corner of product images. Could it be placed on ...
0
votes
0answers
7 views

Hide sub menu items on mobile [closed]

Could you help me remove all sub menu items on mobile? I have included photos as sub mega menu items which do not display on mobile. Thank you!
0
votes
1answer
49 views

How to display a sitmap horizontally? [on hold]

I've created a sitemap successfully using wp Realtime sitemap. I've read their instructions and made pages. but i want to show this sitemap horizontally which i attached .I created this sitemap using ...
0
votes
0answers
13 views

Element is moving while the page is loading - CSS issue? [closed]

This is my site. I have a problem with the site logo - only in Chrome and Opera, it just moves a little while loading (from left to right) and then jumps back to its place. I had an issue with ...
0
votes
0answers
34 views

enqueue script adds another .css with same name?

First I apologize if I'm not clear but I'll try to explain my problem with my enqueue script. I am trying to build a WP theme (conveting HTML & CSS Website) with existing files, but when I try to ...
1
vote
2answers
44 views

Header's CSS doesn't work in Chrome and Opera - any ideas how to fix it?

I am creating a Wordpress site, but I have a problem with desktop version of Chrome and Opera - my header displays differently here (in all other browsers everything works just fine). Here are ...
0
votes
0answers
13 views

Need to add a Bottom Margin to a “jdiv” element (JivoChat Plugin button)

I'm not sure if anyone here is familiar with the JivoChat live chat plugin for wordpress? I'm a bit frustrated and feel like this should be a simple solution for this: On mobile, there is a round ...
0
votes
1answer
20 views

proper way to add css using functions.php?

I asked this question before and the solution worked at that time when I asked! However it is not working anymore for some odd reason. I was hesitant to 'ask' the question again but I can't seem to ...
0
votes
0answers
26 views

CSS disabled after getting rid of emoji

I created custom theme in Wordpress and wanted to apply it to my site. Apparently, in the header section, besides the elements, weird text about emoji appeared. I found out that I have to turn out the ...
0
votes
1answer
38 views

Font Awesome wp_enqueue_style

I have been trying to get the same code I have on my old server to work on my new server. This is the code I have thus far: function enqueue_load_fa() { wp_enqueue_style( 'load-fa', 'https://use....
0
votes
1answer
20 views

Is it possible to edit the styling of the admin panel from within a custom theme?

I'm making a custom theme. I know from reading around that I can make a custom admin theme by creating a plugin, but I would prefer to keep everything contained within just my custom theme. ...
0
votes
1answer
24 views

Body class to each level of a hierarchical custom taxonomy

How would this be adapted to apply to specific custom taxonomies? add_filter( 'body_class', 'custom_cat_archiev_class' ); function custom_cat_archiev_class( $classes ) { if ( is_category() ) { ...
0
votes
1answer
29 views

Remove CSS & JS from <?php wp_head(); ?>

I've been with this problem for a couple of days and the truth is that I can not find a solution. I have added code manually in wp-header.php and now I need to delete these lines that it generates ...
0
votes
0answers
16 views

How to create responsive wordpress menu?

I am creating responsive menu in wordpress but I am not done. When Iam clicking on toggle then not open my menu. Please assist me jQuery('.navbar-toggle').on('click', function() { var elem = $(...
0
votes
2answers
12 views

custom css in admin panel by user id

I'm looking for adding a custom css in the admin panel by targeting user id cause I have another administrator but I want to hide something from him by css. I'm using this code to put some stylesheet ...
-1
votes
0answers
14 views

CSS is loaded last on header but still not prioritized [closed]

I'm trying to have css that should be on top priority of all styles. I manually added the "link" line in header.php just before the </head> closing. <link rel="stylesheet" href="<?php ...
0
votes
1answer
25 views

How can a .css file be applied to a virtual page?

If creating a virtual page while keeping the theme intact using the following plugin wp-virtual-page-tutorial, how can a .css file be applied to this virtual page? How can this be done using an if-...
2
votes
2answers
829 views

functions.php not adding css to website?

So I went through the forum to find a solution before I post a question, however I have yet to find it. I'm new to wordpress and I'm having a lot of fun learning on how to build my own website. ...
0
votes
0answers
8 views

Divi full screen popup/modal

I have a page built with the Divi editor and I would like a popup to appear when I click an image. I understand that I would need to use javascript onclick events, but where exactly do I put the HTML ...
0
votes
2answers
15 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 ...
0
votes
2answers
21 views

Flickering sidebar when scrolling page [closed]

I am an amateur WP developer building a site for my wife :) I am using Helium theme and the site is in RTL direction. I have a right side bar. After making some changes by changing the main page ...
0
votes
1answer
19 views

Logo Keeps Changing to the Default for Transparent Settings

I have a gallery displayed on my homepage with the transparent header setting option chosen. My transparent header is setup to have a white logo; however, Wordpress keeps utilizing the default logo ...
0
votes
0answers
21 views

How to make iframe with variable content length responsive?

Following on from my previous question here, I am trying to embed html files into WordPress posts using oEmbed. The embed itself was successful, but the problem is that contents of each html file is ...
0
votes
0answers
23 views

Full width header image for pages

Is there a way to insert a full width image for pages? I'm using Astra theme, and when I use the following code, it appears in the home page also (on top of the home page slider) .site-header { ...
0
votes
1answer
13 views

Font size decreases when child theme is created from parent theme?

While creating and activating the child theme, the font size decreases as compared to parent theme <?php function my_theme_enqueue_styles() { $parent_style = 'spicepress-style'; // This is '...
-1
votes
0answers
9 views

How to make the news section like this?(example in the decsription below)

How can I make such news section? example link to the website Shall I use a WP plugin or get into the main WP folder and find a file or a code snippet which is responsible for the appearance of the ...
-1
votes
2answers
26 views

How to customize posts in WordPress by using HTML and CSS?

I've tried to find the information on the Internet and stackoverflow, but there is nothing about it. So I've migrated my website(html,css,js) to WordPress(index.php,header.php,footer.php etc) and I ...
0
votes
1answer
18 views

how can i fix my display post in my index.php

hello i try to display my post into a div grid of 3 columns with the code <div class="Jobs"> <?php if(have_posts()) { while (have_posts()) { echo'<div class="info_Job">'; ...
0
votes
0answers
18 views

How to hide the other product categories in the shop page when a specific one is opened?

in my shop page (WooCommerce), I have a sidebar on the left side showing all the product categories. I would like to hide SOME OF those categories in the sidebar when you click a specific category ...
-1
votes
0answers
15 views

WordPress or Bitrix?

I recently worked on the bitrix and achieve very good results. https://www.extyl-pro.ru/ <<< but i am not able to do it with wordpress on divi theme! how to do it any Idea ? 8 Columns in 2 ...
0
votes
0answers
26 views

Enqueue CSS and Script only if needeed

How can I enqueue a CSS code only on the pages which use that CSS? Usually it's quite easy to know if a particular CSS or JS is used on a WordPress Post: it's enough to check if the shortcode is used ...
1
vote
1answer
40 views

Font Awesome icons disappearing [closed]

My Font Awesome icon is not showing up in my menu. I reference it <i class="fa fa-pencil fa-fw"></i> and call the referring Stylesheet with <link rel='stylesheet' id='taptap-...
0
votes
0answers
14 views

Integrate HTML/CSS editor for website visitor

I want to integrate HTML/CSS editor for my WordPress website. So that when a visitor read my blog he/she can practice in that HTML/CSS editor. Check this sample link. How can i do that? Thanks
0
votes
2answers
38 views

current menu item hover not working?

I am trying to change the text color of my current menu item as on hover its green but the background is green so I want the color to be white on hover but it does not seem to want to work, to view ...
0
votes
1answer
16 views

How to display only the first two elements from ten same elements

For example, in my theme, I have the following elements, <ul> <li> apple </li> <li> orange </li> <li> banana </li> <li> pear </li> <li> ...
0
votes
1answer
11 views

Content going full width even though container is not

Here if you scroll down to the contact section, you will see that the section is going full width, but it shouldn't because its parent container is set to remain boxed in. Why is this happening?
1
vote
2answers
38 views

I want to change my post titles from h2 to H1

Currently my current blog CSS has the post titles formatted to be an H2, I want them to be the H1 of the page. How would I find that in my CSS to make the update? Or how would you recommend I ...
0
votes
1answer
8 views

How to Compress Css/js code in wordpress and increase loading speed?

Currently, I'm working my blog with good server still working and loading speed very slow https://www.startupopinions.com/. I have installed one plugin is total cache and compress the code but still ...
0
votes
1answer
25 views

how to load basic wordpress css

i am making a wordpress theme and i don't know why theme don't load a basic wordpress css. My site file css "style.css" is load but if i add wordpress php to theme in "inspect" on chrome i see that ...
0
votes
0answers
10 views

How to style Image and Gallery Output for AMP?

So, I am trying to create a custom AMP template for my website without a plugin. Here's where the problem is. I am using a single-amp.php to redirect /amp posts to the AMP template. I have then used a ...
0
votes
0answers
13 views

How to randomized order of widgets inside the page content area of the homepage?

I have a wp plugin installed called siteorigin page builder, which has a layout builder where i can add a bunch of widgets inside the content area of my page. How can I make it that every time my ...
0
votes
0answers
16 views

Targeting specific page with CSS does not work as expected

I would like to target a CSS display rule for the header wrapper element of a landing page as done million times before, and still I don't get it to work properly. I use .page-id-10071 #wrapper ....
0
votes
2answers
20 views

Styling a specific post after hovering over it

Background My website is organised in a grid layout of four columns of divs. Each div is a container for a post and is a square of 200 x 200px. The title is a header at the bottom of the div and ...
-1
votes
1answer
32 views

Bootstrap News: Image Modifciation

I want to improve the design of my website (https://pixelbay.net/). Rather than altering the image myself via Gimp every time I want to post, one feature I want to add is that the main category ...
0
votes
0answers
16 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
13 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
16 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
16 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
8 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
40 views

Make CSS Changes To Only Affect Mobile Browser [closed]

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-...