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,810
questions
0
votes
0
answers
745
views
WordPress doesn’t load css, image and js files after moving local installation folder
I am running Wordpress on my local machine using WAMPServer. However, after moving the WordPress files from a folder called, wamp64/www/custom_theme/ to the wamp64/www folder, WP is still attempting ...
0
votes
2
answers
287
views
height should be set to auto to avoid pixelation in the post thumbnail function
The code in question →
<?php if ( has_post_thumbnail() ) {the_post_thumbnail();} ?>
The generated output in browser is like this →
<img width="1620" height="973" src="..../site04/wp-...
1
vote
2
answers
159
views
Child theme CSS not applying to element
I'm working on a child theme for a client and I have a few overriding styles. However, they're not even showing up in the Chrome inspector.
For example if you go to this page: http://...
0
votes
1
answer
46
views
Theme JS is available but theme CSS isn't
In functions.php I used the following code to enqueue assets, but for some reason all CSS is ignored (JS isn't ingonred):
function my_theme_enqueue_assets() {
wp_enqueue_style( 'parent-style', ...
2
votes
1
answer
10k
views
How to change Twenty Seventeen theme's navigation bar location?
I am making a Twenty-seventeen child theme, and I put the navigation bar on top and fixed. Originally, I was having problems with it staying absolute and then becoming fixed because it was adding a ...
1
vote
2
answers
5k
views
How to change DASH-ICON color with CSS?
It is possible to change colors of DashIcons with CSS? I couldnt get it to work.
0
votes
1
answer
256
views
Fonts are parsed in one way but rendered in a different way
Nginx 1.10.3, WordPress 4.9.1, Elementor 1.8.11. A subdomain site.
The problem
Global fonts appear fine inside Elementor view but not outside of it. That is to say: When you click "Edit this page ...
0
votes
1
answer
759
views
Unable to properly load Wordpress Admin page
I'm trying to fix a website for a company I used to work for. It looks like the CSS has been stripped from the page (won't load in any browser, I've tried multiple), the Wordpress theme I had ...
0
votes
1
answer
66
views
Target a specific container to style on WordPress storefront theme
I need assistance using the WordPress storefront theme/woocommerce via styling specific page children.
There are three categories in the navigation tab for someone to hover over where a dropdown list ...
-2
votes
2
answers
84
views
Image is very blurry
I'm using Tevolution. I can't find where I can re-size the flag at the top of this website: isupportblack.com It is blurry and shouldn't be. Any suggestions? Thanks!
1
vote
0
answers
293
views
Incorrect MIME type for assets with Valet
Using WordPress and Valet I am getting the following with CSS:
Resource interpreted as Stylesheet but transferred with MIME type text/html
Response Headers for CSS files:
Connection:keep-alive
...
0
votes
1
answer
382
views
Change style of Twenty Seventeen child theme
I'm looking to change the styling of a child theme based on the Twenty Seventeen WordPress them so that the banner of the front page behaves exactly like the banner on non-front pages.
In other words,...
-1
votes
1
answer
199
views
How to add custom fonts in Wordpress site
I have to use a font for a website which I can't find in Typekit and can't upload to Fontsquirrel. So I can't make a webkit. I tried to embed the font with CSS and @font-face, but it doesn't seem to ...
0
votes
1
answer
256
views
Reduce size of responsive title
When using a mobile device or a tablet, the titles of my products are cropped. I'd like to simply reduce their size. Take a look to the image:
Is there a way to change that? Is it CSS or Php?
The ...
-1
votes
1
answer
369
views
Twenty Fourteen Theme - Moving left sidebar to the right
While using the Twenty Fourteen theme (I’ve already created a child theme), I’m trying to move the whole left sidebar to the right and put the site content to the left.
Basically, I’m just trying to ...
0
votes
1
answer
1k
views
Delete a white space using css
How can I eliminate the white space between the normal price and the digital price in my single product page? Take a look to this screenshot:
Here the URL: https://www.editorialufv.es/catalogo/...
2
votes
2
answers
282
views
CSS in child theme not getting loaded
I tried to make a child theme to change some colors. I used this https://codex.wordpress.org/Child_Themes tutorial, but I still can't get this done. The problem is that I am not able to override some ...
2
votes
1
answer
233
views
Layout shop page: resize images and columns
I've added the "WooCommerce Products Filter" plugin on my ebook store wordpress theme. I've prepared a custom page for my shop page and built the sidebar with the filter with the WP Bakery Page ...
1
vote
0
answers
126
views
Additional CSS - crashing with javascript-html minifier?
How can I load Additional CSS style manually in functions.php?
This is how I load my css files and js files:
function xxx_scripts() {
// Load our CSS bundle.
wp_enqueue_style('xxx-master-...
-1
votes
1
answer
2k
views
How to add input search field with roudned corners?
I am tryting to add seach field in my header:
<form class="searchform">
<span><input type="text" class="search rounded" p
laceholder="Search..."></span>
...
0
votes
1
answer
38
views
How can we achieve this image css style?
In wordpress we have option to assign "Image CSS class" to any image. My requirement is how can we write a CSS class that will change the image shown below
Original Image
Image after CSS Class (...
1
vote
1
answer
2k
views
How to display pictures from database?
I am adding all the webpage content to the database. Later on I check the page id and select the corresponding post. There also picture for example:
<img class="componentIcon" src="<?php ...
0
votes
1
answer
195
views
Header background image just stopped working
So for no reason by header background image stopped working. It doesn't display anything at all. I spent an hour debugging but couldn't find anything. I checked the network tab and can see that only ...
0
votes
1
answer
15
views
Website Tablet Check Out Field Issue
So on my website of http://www.camerabeanbags.co.uk/checkout/ if you set the browser to 768px wide the 'phone' and 'e-mail address' fields can not be clicked in for text to me typed in.
These work ...
0
votes
1
answer
288
views
How to display post_content from database in different <p> on template page?
I am storing some long unstyled text post_content, where title is XXX. I am selecting this content:
<?php global $wpdb;
$findContent = $wpdb->get_var("SELECT post_content FROM wp_posts WHERE
...
1
vote
2
answers
414
views
How the Css File is Linked without calling it in header.php?
everytime I analyze free wordpress.org theme, I am not able to find how the css file is linked in the theme. as far as i learned css file should be linked in header.php using link tag. but everytime I ...
0
votes
0
answers
250
views
How to generate a rtl.css file for themes?
I'm developing a theme and would like it to support RTL languages. I'd like to automatically generate a partial RTL file, that is, with only the relevant selectors flipped, but every tool I've tried ...
0
votes
1
answer
767
views
Remove image border in twentyeleven theme [closed]
I am unable to remove the fine grey border around all of my images in the twentyeleven theme.
I'm using a child-theme and tried changing my style.css with the following:
img[class*=”wp-image-“], #...
0
votes
1
answer
75
views
How to include different html tags in the header for different pages?
I am changing the banner in the header based on the page id:
if(is_page(14) or is_page(16))
{ $class_name='bannerExp'; }
if(is_page(18) or is_page(52) or is_page(22) or is_page(20))
{ $...
1
vote
1
answer
615
views
Twenty fifteen theme - change responsive menu condition
So I want to move sidebar to the top of the page and hide it behind hamburger menu. Just to make it exactly like when the screen is smaller (tablet, smartphone), despite resolution.
So I thought ...
0
votes
1
answer
349
views
Twenty Fourteen: Shrinking header while scrolling down
I am using the Twenty Fourteen theme. Normally the header has a heigth of 48 px. I made the logo bigger with the following code:
.header-main {
min-height: 108px;
}
That works well so far. Now ...
0
votes
1
answer
151
views
Twenty Fourteen: Unsticky header after making header bigger
I am using theme Twenty Fourteen, and to add a logo I made the header bigger with the following code:
.header-main {
min-height: 108px;
}
It works, but now the header isn't sticky anymore and ...
-3
votes
1
answer
256
views
Adding padding above menu
I am not sure why but after I done some editing the menu now has no space from the type of the page. How do I create this ?
http://croiativefilms.com
0
votes
1
answer
3k
views
Displaying POST content with HTML tags and all
The following code allows me to display the post TITLE and content fine, but the content is not displaying as I see it on POST EDITOR.
Here's the webpage where the PHP is rendered: http://queridas....
0
votes
3
answers
2k
views
remove blank space where sidebar was
I have been working on a website using WordPress http://1stgoringheath.org.uk/, there are some pages that I didn't want to have the sidebar on, so I made a template and removed get_sidebar
Now I ...
1
vote
1
answer
45
views
How to Create Columns with Wordpress and CPTUI display page ?
I’m a little lost with this one, so I’m really hoping for some help as to how to modify the code below into something that works for me. I'm using the CPTUI plugin and it's working fine. The code ...
-1
votes
1
answer
495
views
CSS - Change height of Storefront / WooCommerce product categories, but not products
My homepage has both products and categories shown.
My shop page has only categories shown.
If I change the shop page category height, it changes the product heights also throughout.
I can set the ...
-1
votes
1
answer
29
views
how can i change the html and the css of my word press theme that I bought?
I bought a premium theme and sometimes the customization is not enough for me, I actually want to edit the HTML files and CSS manually to set some things to an exact color or pixels or position, stuff ...
0
votes
2
answers
356
views
How to prevent a style sheet to affect a header.php or footer.php?
I crated a footer.php and a corresponding customFooter.php. It looked great until I added header.php and customHeader.css. Now the 2 custom css files are overlaping. For example: some of the <img&...
0
votes
1
answer
761
views
Custom CSS is not working?
I have put the following custom CSS in my WP site's additional CSS setting:-
.et_pb_row_2 {
height:100vh !important;
background-color: red !important;
}
.et_pb_section_2 {
height:100vh !...
0
votes
1
answer
2k
views
How to style bootstrap container in wordpress theme?
I am createing the footer.php for my costum theme.
The whole footer is full with/356. In the middle of this container I another container which is 960/252. Inside I have some components(logo, social ...
0
votes
1
answer
156
views
How to access theme fonts using custom CSS style? [closed]
I was looking to change the font in a specific location using a CSS Style. I am using the optimizer theme and I believe the library they us is the following:
https://fonts.google.com/attribution
I ...
0
votes
4
answers
74
views
Overwrite a plugin's CSS?
I am using a plugin which has the following code for a button:
<a class="bwg_load_btn_1 bwg_load_btn" href="javascript:void(0);">Load More...</a>
I would like to increase the size of the ...
-3
votes
1
answer
46
views
Instead of Custom CSS Theme CSS is loading
I have some of HTML list code such as <ul>. after the successfull uploading the <ul> is linked with main stylesheet(theme css). I want to load on my custom css. But its not working
...
0
votes
2
answers
129
views
Child Theme not loading multiple stylesheets
I have little experience with creating a Child Theme.
Just want to make some changes to css on the website.
When I use the inspect mode to see which CSS was being used, I saw it was still linking to ...
0
votes
2
answers
1k
views
CSS loading as empty file in Custom Theme
Hello I made a custom theme and moved it from MAMP to a cloud server. For some reason the CSS is an empty file. File path is correct, checked the file in cPanel and it has the full .css sheet. But ...
0
votes
3
answers
2k
views
jQuery function not working in WordPress but works in jsfiddle
EDIT - This is solved thank you for your help after the suggestions below didn't solve the problem I refreshed my browser cashe and now my functions work... However I then realized they only work on ...
2
votes
5
answers
30k
views
CSS stylesheet not loading
I'm brand new at theme development. My css stylesheet is not loading, and I'm not sure if the problem is in the functions.php, style.css, index.php, header.php, or footer.php file. I've added a div ...
0
votes
2
answers
613
views
Proper Way to Load stylesheet on Condition
I am creating a child theme for my site and inside my functions.php I added a code to load a specific css file ONLY where it is the HOME page:
// enqueue styles for child theme
function ...
0
votes
3
answers
7k
views
How to display javascript banner in website header?
I recently purchased a theme which includes the option to display a banner in the header. The banner can be displayed using either a static image or javascript. The particular javascript code I'm ...