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.

Filter by
Sorted by
Tagged with
0
votes
0answers
164 views

How to display 2 products per row for Mobile using WooCommerce?

I'm developing an e-commerce with WooCommerce and I use the following code to display 2 products per row when the user uses a mobile phone: @media only screen and ( max-width: 980px ) { .woocommerce-...
1
vote
0answers
52 views

Remove extra white space bellow and above product short description in storefront woocommerce

Please help me to remove extra white space below and above the product short description in the storefront theme. I am a novice. Here is the link to my website enter link description here
0
votes
0answers
11 views

Show product full width while left-hand side content and right-hand side widget are divided

I'm currently using WordPress.com (Storefront Theme) to build my site and the widgets are constantly always in the right hand side. <div id="primary"> <div id="main"> <div ...
2
votes
1answer
66 views

How do I prevent the text overflow in menu?

The text in the navigation menu on my site is overflowing the container in the desktop version (no problem on mobile). How do I wrap the text to prevent the overflow? Thanks
0
votes
0answers
25 views

Find the source file causing a Mixed Content warning

Google Chrome has flagged a client's Wordpress site as Not Secure. So we are trying to remove a Mixed Content warning that we get using the Inspect feature of the browser. Mixed Content: The page ...
0
votes
0answers
9 views

Removing Max File Size Labels from Woocommerce product page

I'm kind of a newbie at WP development. I'm currently using the Storefront Theme, and I am trying to remove these two labels on the front end of my Woocommerce website on the product page: 1.) The ...
1
vote
0answers
10 views

WordPress Menuing Question :focus

I'm using the following script in the WordPress functions.php file to disable top level parent items when they have a submenu. It works perfectly, but I need to it actually work like this: If ...
0
votes
0answers
15 views

Only column gallery on mobile device

I have a portfolio with a 3 column gallery in my Brix theme in Wordpress. The website is alanllontopfotografia.com But in mobile devices i see 2 columns, and i want to see the gallery item in one ...
0
votes
0answers
13 views

Elementor: Flexible columns with shrinkwrapping effect

is anyone here using Elementor? I'm trying to create a header with Elementor. 3 columns, I have a logo in the left, search bar in the middle and a navigation menu on the right side. Basically, what ...
0
votes
0answers
15 views

.widget CSS not working on my website

I am very new to website development. Currently, I'm having trouble making CSS changes to a certain class="widget". I want this CSS to work. The CSS is on my main.css file: .widget { list-style-...
0
votes
1answer
33 views

Gutenberg CSS Issue

I have the css code below but it does not work on the post page: ( I am talking about font size and color ) /* gutenberg */ blockquote { text-align: center; margin: 20px; font-family: ...
2
votes
1answer
119 views

How to remove google font in WordPress for only single page?

I am using WordPress for my site with the Ocean WP Theme and Elementor Page Builder. I can remove Google Fonts from the entire site using below PHP snippet: add_filter( 'style_loader_src', function($...
0
votes
0answers
21 views

Elementor / Checkboxes and MailChimp

Has anyone ever connected Elementor checkboxes with Mail Chimp using the API? I can't see the checkboxes being pulled in by the API. Can anyone shed any light on this? Thanks!
2
votes
1answer
55 views

Video size and border radius using a shortcode

How can I remove the style attribute from the <video> tag? I embedded a video on the front page using the video shortcode and applied a border-radius to it with CSS. It looks good. I modified ...
-1
votes
1answer
36 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 ...
1
vote
1answer
33 views

Wordpress on localhost working, when sharing IP to connect receive err_connection_refused on .js and .css files

What I have: as title suggests I set up a WordPress installation on my local machine and can run it and visit it (Mac + MAMP) over localhost:8888/myBlog. It works fine. By sharing my IP I am able to ...
0
votes
0answers
23 views

Display woocommerce shop filter and ordering in same line - mobile

I want to display 2 divs(ordering and filtering) in one inline div on mobile. I tried changing width proprerty and display but didn't manage to work it out. Do I need to change php files? Link to ...
1
vote
0answers
24 views

How can I add class to every quote element?

How can I edit defualt class of quote element? Can I use some kind of hook in the_content to add class to any other element??
0
votes
0answers
14 views

WP Comments with CSS Counters

I'd like to use CSS counters on WP comments, like this: 1 (first comment) 1.1 (reply 1) 1.2 (reply 2) 1.2.1 (first reply to 2) 1.2.2 (second reply to 2) 1.3 (reply 3) 2 (second comment) 2.1 (reply 1)...
0
votes
1answer
25 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 ...
0
votes
0answers
21 views

show background color in sticky header with jquery

i have a problem on my site. I have started this site with GeneratePress Pro + Visual composer, and i build everything with VC. Now i have a problem: with the vc documentation i made a transparent ...
0
votes
1answer
66 views

Trying to make an image a circle in Gutenberg

Gutenberg allows extra CSS styles for an image. I want to make the image a circle and I thought this CSS would work: img.imgcircular { -webkit-clip-path: circle(15.7% at 50% 50%); clip-path: circle(...
0
votes
0answers
16 views

Text editor toolbar z-index conflict with location plugin pop

I am working on project where location plugin is already is installed.When i try to test it after update the wordpress to new version.The editor toolbar on edit page z index is higher then the ...
0
votes
1answer
18 views

Theme: Twentynineteen // How to exclude cookie-control triangle and star svg from being overwridden by theme css “svg { fill: currentColor; }”

I implemented civic Cookie-control on my webpage https://ingereck.net. Everything is working fine except for the ccc-icon (triangle and star) not showing (bottom right of my page). The theme's css ...
0
votes
1answer
116 views

wp_enqueue_media is not loading styles

I'm trying to upload images from the frontend using Wordpress default media uploader, so I used wp_enqueue_media(). It imports all the scripts but not the styles. See the screenshot below After using ...
0
votes
1answer
19 views

Post content overflows on my mobile phone

My post contents (single.php) overflows on my mobile phone so the page is wider than phone's screen. Post Example: http://www.migrate666.deniz-tasarim.site/2020/02/23/work-with-a-team/ I used to ...
0
votes
1answer
22 views

Trouble hiding menu on single page

I'm trying to hide the two top bars on this single wordpress page: https://grassiusa.com/try/ that will eventually serve as a single lead generating landing page with no menu, but I seem to be stuck. ...
0
votes
1answer
23 views

I cannot find the wordpress.scss file that my live site is pulling from

When I push my localhost to my live site some of my styling disappears. when I inspect the webpage it is pulling from my wordpress.scss file. I edit that file and make adjustments, but none of the ...
0
votes
4answers
134 views

Override/ignore CSS from active theme as not to interfere with my custom CSS

I'm writing a simple plugin that shows on pages/posts a form with customized style for input fields, checkboxes, buttons, etc... via a shortcode. When user writes the shortcode in the page, it ...
0
votes
1answer
33 views

Stylesheet does not load despite functions.php

I am calling my stylesheet styles.css within functions.php. Also adding add_action. But it does not work… <?php function myBlog_files() { wp_enqueue_style('styles', get_stylesheet_uri()); } ...
0
votes
0answers
35 views

Changing image to gif on hover

I am trying out a wordpress plugin called The Gem, and have made the following template website: http://testdrive2.codex-themes.com/index.php/oryl/. What I'm trying to achieve is to change the 4 ...
0
votes
0answers
36 views

Unused CSS in Wordpress Plugins

I have been removing Unused css from my wordpress site manually for the past couple hours and had a thought: Is removing unused CSS from plugins, such as: "wp-content/plugins/woo-variation-swatches/...
0
votes
0answers
21 views

The style.php file inside theme-engine folder has other content on FTP

I would like to change one image that is apparently still hosted on HTTP on my client's website so that it will be re-uploaded on HTTPS. Using the Inspect feature of my Chrome browser, I spotted the ...
0
votes
2answers
283 views

Changing Gutenberg / WP block editor width only on pages, not posts or other taxonomies

I have managed to change the width of the WordPress block editor so it uses my max width of my actual theme, making it easier to do layouts during the writing process. Now I wanted to change that to ...
0
votes
0answers
28 views

How to style a list item when the radio input button within that li is :checked

I'm trying to add some simple css to a li item once the radio input within that tag is selected, here is the link to the page I'm referring to https://www.simplebooking.online/, currently the border ...
0
votes
0answers
17 views

CSS not loading properly all of a sudden

I inherited a site from a previous administrator some time ago. I'm more of a front end guy and am by no means a developer (I do this part time), but I've been able to figure my way as I go along. I'm ...
0
votes
1answer
70 views

Hide a div class on WordPress ID (Based on template) [closed]

Really not sure why I am struggling here but I am trying to hide this div: <div class="qodef-post-info-category"> content here which I want to HIDE on this template only </div> I thought ...
0
votes
1answer
20 views

I have text on a banner on my wordpress site and I am unable to get rid of it? Would appreciate any help or advice :-)

I hope you are all well. I have text on a banner on my wordpress site and I am unable to get rid of it. The site was developed for me by a developer who I am no longer in contact with and I am trying ...
0
votes
2answers
67 views

On a Https site, Css and Js Url are back to http after redirect the site

I have a website: https://media.example.com/blog/ And I want to change into: https://www.example.com/blog/ I made this transformation in the Wp-DB on the table wp_options, i modified the fields: ...
0
votes
0answers
48 views

Add A CSS Class To A Menu Item When A Custom Taxonomy Term is Present On Single Post

I have a situation where if I'm on a single post page for a custom post type, if a custom taxonomy term is present I want to highlight the main nav menu related to that taxonomy term. On archive ...
0
votes
2answers
51 views

Need to edit themes HTML code

I am working on a small online shop and I am using Averta Phlox theme. As I encounter they have bug in a shopping cart. The cart do not work on mobile phones, as I can work a little fix for it using ...
0
votes
0answers
10 views

Gutenberg css dont apply to my theme even after adding theme support functions

I have a custom developed theme developed using Timber starter theme. Recently, when I updated my wordpress I got gutenberg features of gallery, blocks etc. However their css don`t apply to my theme. ...
0
votes
0answers
139 views

What is the cleanest way to shrink Gutenberg Blocks to container width?

Gutenberg allows adjusting blocks to different widths. For example an image can fill the standard grid container of about 1200px or use full window width. I tested the the following four CSS methods ...
0
votes
0answers
113 views

Events Manager Event Search Form is not mobile-responsive

I embedded the events manager search form with a shortcode on my wordpress site front page. However, it does not show fully when I checked on my mobile. How can I make the search form more ...
0
votes
1answer
41 views

Gutenberg Editor: display error with a combination of transform and background-attachment:fixed

For the output of post content, the main column is constrained to 700px. This allows for images etc. to be aligned left and right whilst remaining within the content column. Adding a solution using a ...
0
votes
0answers
17 views

Remove the breadcrums on a theme W

I am looking to remove the breadcrumbs at https://thescruffytrader.com/mark-up-of-a-forex-chart/ by using CSS Any idea on this?
0
votes
1answer
35 views

Bootstrap Integtration

I wonder how can I integrate only bootstrap 4 grid system instead of : <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-...
0
votes
2answers
46 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"> <...
0
votes
1answer
48 views

Google CSE Malfunctions via Chrome/Safari on Mobile When Clicking on Either Search Icon/Menu Icon. How to Make Google CSE Default Theme Search

Let me briefly go over the issue we are having with the search in the header. While on our website via Google Chrome/Safari for mobile or Google Chrome incognito for desktop and you touch the search ...
0
votes
1answer
68 views

Removing a CSS rule from Custom Taxonomy

I have a universal CSS rule in my stylesheet like this: #page.grid-parent { padding-left: 20px; padding-right: 20px } What I'd like to do is REMOVE that rule from some Custom Taxonomy Archive ...

1 2 3
4
5
50