WordPress background styling issues - css

Can anyone please help me, I've had some work done on a site www.integratedproperty.co.uk
I have added a new page through my theme but I need to add the darker grey background column boxes on a few pages, but I do not know how to do it.
The pages in question are:
www.integratedproperty.co.uk/affiliates
Privacy Policy, Cookies Policy and Disclaimer. I need the background boxes to be the same as the other pages on the site, i.e www.integratedproperty.co.uk/testimonials
Please help!

I'm not sure if I got your point. Do you want to know how to change the backgroundcolor of the div-boxes with "legal", "Accountancy/Tax:" and so on?
If so you have to go to "Design"->"Editor" (direct link: www.integratedproperty.co.uk/wp-admin/theme-editor.php), select your active theme and click on the bottom right on "Stylesheet - style.css".
There you can add your code to change the background-color:
.span3 {
background-color: rgb(239, 239, 239);
}

Related

Stuck on Wordpress CSS change the plugin button Colour

Hi I am new on here first of all nice to meet you all
I am facing a problem on wordpress
I am using "Quick Download Button" Plugin which the link is https://wordpress.org/plugins/quick-download-button/#description
after I have install it on my site I tried to change the button colour by css but I never ever success to change it. I have checked the button in inspect and I copied it but it didn't work.
what I tried was
.g-btn.f-l
{
color: #3c1c1c;
}
but it never worked.
please anyone help will be awsome thanks and sorry for my bad english
Like #jared said - it shouldn't be too hard to find the right selector and change the color within your browsers dev-tools. If you see the color change, bingo! Then if that doesn't work within your css file itself, you might have an ordering issue with your sites css files (i.e. your css is loading before the plugins). Quick way to test this is add the !important selector to that rule on your file - e.g:
color: #3c1c1c !important;
the css color-parameter is not defining the color of the button, but from the text of the button. if you want to change the color of the button, you need to look after "background" or "background-color".
example:
.g-btn.f-l{
color: #FFFFFF;
Background-color: #3c1c1c;
}
Visible example:
Source of example: Kryptonews Lexikon

Wordpress + Flatsome Theme Appearance Display Limitation

Using the Flatsome theme I have a few questions and would like to try and get them solved myself, is this the manner in which I should direct those questions?
I'm running WooCommerce I'd simply like to know how to make the breadcrumbs bar a little smaller where it displays the name.. on the single product page it looks great but I see no settings to edit it on the display list, i can show you a screenshot of the problem here (ALSO I WANT TO CHANGE THE WHITE BACKGROUD WHERE IT SAYS "HEADSHOP" TO SOMETHING MORE MATCHING) -- THERE ARE NO OPTIONS FOR CHANGING ANY OF THIS?
I'd really like to be able to edit this area and I'd like to gain more access to it, this theme appearance editor area wont let me do it, I've tried and tried to no avail!
With that being said, this is just the display of all the main products.. What throws me off is that in the Single Product page it formats exactly the way I want it to on all pages, see example here..
Im not an expert but I suggest you to put the URL of your website as minimum, because is going to be difficult to help you without what you have tried or the code of your website.
Following with the question, you can reduce the height of the container using some CSS. By default both margins (in this case the padding) are in 20px, so i just reduce them to 0.
.featured-title .page-title-inner {
padding-bottom: 0px;
}
.page-title-inner {
position: relative;
padding-top: 0px;
min-height: 60px;
}
This is how it looks with the modifications in the margins.
https://i.stack.imgur.com/r7KX7.jpg
https://i.stack.imgur.com/bMmNd.jpg
But still, I don't understand what it's keeping the text so high in the container.
To change the background color of that button, you can modifiy the CSS Property.
.nav-tabs > li.active > a {
background-color: red;
}
This is how it looks.
So you just need to put that CSS in your theme.
If my answer helped you, please consider marking it as an Answer.

Trying forever. Can't change CSS font color

I seriously have worked on this FOR-EVER!!!
Why the heck isn't my menu color change via the CSS?
I don't know if it's the Wordpress theme interfering or what, but I need a fresh pair of eyes on this website: http://rivercityhopestreet.org/
Help!!!
GoingBananas
You should learn how to use web debugging tools. For chrome it's right click -> inspect element. Then you can find Your menu element and see what's setting the styles.
In added image You can see that Your style is accepted, but overridden by style in index file. Either it's style in php file itself or some Javascript.
You can either change the setting in the index file or (not the best way) set it to background: #40c2a6; !important` in your style.min.css
Also if You cannot figure something out, in Developer Tools click on the Html element, then click on "Computed" on the right side and then click on the specific style - it will show you where that real value is set at.
Hope this helps You in the future!
#menu-primary-items>li a {
color: #888;
}
search this and change the color..
Edit this in custom css.
#menu-primary-items>li a{
color : #000;
}
if it not works then put !important in color attribute.

Wordpress Page Content not showing

I've recently started a new website with Wordpress through blue host.
I'm completely new to this and had never even heard of either of these programs up until last week.
I downloaded a theme from Mojo marketplace linked to blue host called Solstice. I've managed to make some customer changes and get some pictures and pages and post headers on there.
The only trouble I'm having right now is that I've wrote text in the About us section but it doesn't show up on the website. I haven't downloaded any plugins yet and the template it still set to default.
I have tried googling the answer but not had much luck.
Any help would be greatly appreciated.
www.2lostbuffaloes.com
As Naveed mentioned, the text color is white, over white background, that's why you can't see it. If you add to your css this rule:
body {
color #000000;
}
The text should appear.
You will probably also want to add white to the text color of the footer:
.footer-top, .footer-top a {
color: #ffffff;
}
In style sheet, you need to do
body{
color : #000000;
}
Right now its white color for text, if you do control A on about us page you will see all text.

Editing CSS of WordPress theme that has been embedded

Hi I am building this site at http://amy-and-duncan-are-getting-married.co.uk/, using the Aggregate theme on WordPress.
The problem I am having is the background on certain pages does not fill the whole screen and I am left with a blank white area, when in Chrome if I go right click and inspect element I can get the CSS for the image and add the code I want,
'background-size : cover;'
I have tried researching this but I have read that WordPress automatically creates this CSS, surely there must be somewhere I can go and edit this code.
Can someone kindly give me a hint or clue cause I feel I am tearing my hair out.
Thanks
Craig
Log in to the back-end of your WP site
websiteurl/wp-admin
Then on the left side bar, go to:
> Appearance
> Editor
Then look for the stylesheets on the right, under:
> Styles
Then CTRL + F the code you need to change, for instance:
#content-area
then add to this selector:
background-size: cover;
Then click Update File.
Hope this helps.
Use inline style like
<div id="content-area" style="background-size: cover;">
Or add an external style sheet in your wordpress theme and define content-area id like
#content-area{
background-size:cover !important;
}
I think this will work for you

Resources