Jump to content

Archived

This topic is now archived and is closed to further replies.

GoddessLynne

Background of body seems to be transparent

Recommended Posts

GoddessLynne    0
GoddessLynne

Hello everyone :)

I am trying to make it so the body of my site is one color and the background is an image. 

As of right now, the body color seems to be transparent and the background image is the entire page.

http://goddesslynne.com/contact-me/

 

I am trying to make it similar to this: http://missjezebel.com/

The background of that site is the fabric type pattern and the body color is white.

 

I would also like to make it so the boxes have a color and are not transparent.

 

Any help would be greatly appreciated :)

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Can you provide screenshots of your layout settings, color settings and the settings to where you have added your background image please.

 

Also, please be aware that you're using an out of date version of Platfom and is also a legacy theme, which has been for over two years. I recommend you perform a backup and update to the latest version, you can download it from here - 

 

https://github.com/pagelines/platformpro


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
GoddessLynne    0
GoddessLynne

Here you go, hope this is what you needed. :)

 

layout-settings.pngbackground-settings.png

Share this post


Link to post
Share on other sites
GoddessLynne    0
GoddessLynne

Just updated to Platform Pro, thank you for the link. :)

Looks like the upgraded version has the solution to my problem! Awesome!

I guess the only thing I have an issue with now is wondering if there is any way to make the widget boxes different colors?

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

When you say Widget boxes, can you show me a screen shot of what you're referring to please, as it is likely you will need custom CSS.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
GoddessLynne    0
GoddessLynne

I would like for them to look like these:

widgets3.png

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

If you inspect the widgets you see that each of them are given a class and a ID, you can use these to styling them how you like.

For example:

 

.widget_categories {
background-color: lightpink;
}
 
You can also prefix your CSS to target specific elements such as that widgets title.
 
.widget_categories .widget-title {
color: #FFF;
font-size: 18px;
text-align: center;
background: #C23BA7;
}

 

And so on. So the best thing to do is inspect them using Google Chromes dev tools and then have a play using different styles.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
GoddessLynne    0
GoddessLynne

Is this what I would be changing?

widgets4.png

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

You can edit the core files. However, this is something we do not recommend nor support. If you want to override the default styling of Platform Pro, then you will want to add your custom CSS to the Custom Code options panel in the Platform Pro settings.

 

https://cloudup.com/cUv3oKJSDML

 

What you will need to do is inspect your widgets using Google Chrome dev tools and locate the correct classes, then override them using custom CSS. Once you have the correct CSS and it is to your liking, then you add that code to the Custom CSS panel which I show in the image above.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
Idesignher    0
Idesignher

I am having the same issue. I'd like my content and page background to be white with a background image, but right now the page is just showing my background image.

Here is a link to my site.

http://www.poppinbottlesandbrushes.com

 

 

Share this post


Link to post
Share on other sites

  • Similar Content

    • nandorj78
      By nandorj78+
      I'd like to request a section (or that this could be enabled on the background settings of the existing sections) in which we could set a image to stay fixed, just as we can see in the link below:
      http://www.bootply.com/render/100702 (you can see 2 different background images and everything scrolls on top of it.)
      Is it possible to be done without having to code it via CSS every time?
    • jacobtippett
      By jacobtippett+
      Hi,
      I am trying to get the background image of the Revslider to be clickable and redirect to a link.
      Does anyone know how this is possible?
    • martinjrob
      By martinjrob+
      I am having problems in figuring out how to make the sections transparent so it shows 1 background color, Image.
      I have made all sections with no background colour as it suggests in pagelines docs
      this is the domain name http://www.socialwebservice.co.uk/ and this is how i would like it to look http://ecologysurveysinnorfolk.co.uk/
       
      Any help will be much appreciated. 
    • abuzzelli
      By abuzzelli+
      Trying to adjust the position of the background image on http://churchofwolves.com/. I need the wolf background to move over to the left on mobile versions so it can be seen. Here's the code I'm using and it's not working. I've tried a bunch of different things. Getting frustrated. Any advice?
      @media (max-width: 768px) { .home .site-wrap{ background: url(http://churchofwolves.com/wp-content/uploads/2015/06/Church-of-Wolves-bkgd1.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 100% 0%; } }  
    • zetanet
      By zetanet+
      I can insert three text box in a page, of course.
      I'm not able to set three different background colors to each text box.
      I would like a result as the attached picture.
      How do I do this?

×