Background image gives Transparancy on the overlaying images

Support
#1

I ám using a background image in a section and turned the parallax option on.
When placing images in that section I have to set the opacity :1 on the images in the css.
This works, but not with the pictures that have a href.

Help?

#2

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

#3

Hi the url is www.progamermanager.com but the side I m working on is still a draft: http://www.progamermanager.com/x/#/content/495

I Have some wierd issues with my blogside. I used Integrety stack nr 6 and if i use fullwidth Layout it looks like this.

How do I change the background image?. I tryed with css
.x-root .site{
background-color:#020917FF !important;
} but it doesn´t work

Thank You!

#4

Hi There,

Please try with this CSS instead:

.x-root .site{
    background-color: #020917 !important;
}
#5

Hi that worked for fullwidth layout!

Is there anyway i could shoose the boxed layout and set the backgroundcolor or change to an Image instead of this colorful background that comes with the template?

#6

Hi There,

Do you mean this (https://theme.co/media/n4.png)? That is a background-image set under Theme Options > Layout and Design > Background Image you can change or remove that in there.

Hope it helps,
Cheers!

#7

Hi again, se my question above.

  1. Can i set the background for the tags and the are belov(around the tags) through css?

  2. Can i change the tooltip text of some of my social media icons, since i changed the imae and the link, but cant figure out how to change the tooltip?

#8

Hey there,

  1. To set a background for the tags, you can add the following code in your Customizer:
a[rel="tag"] {
    background: #0e2e4f;
}
  1. To change the tooltip text, you can add the following jQuery script in your Customizer via Appearance > Customize > Custom > Edit Global Javascript 
jQuery(document).ready(function($){
	$('.vimeo').attr('title', 'My Title');
});

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

#9

Hi the Javascript for changing the tooltip worked fine! thanks!
But i think you missunderstod me about the areas for tags. I want it to have the “boxed” sort of layot wher the background for the are around the tags are the same color as the blog content.
Do you se wat I mean?

#10

Rigth now I have set the background for the site to this “bluisch” color through css:
.x-root .site{
background-color: #020917 !important;
}

But i want to keep the code clean and just manipulate the fields that I really want to set to this color.

Kind regards sara

#11

Hi there,

You mean that you wish to move those button tags within the box where post content is? If yes, then please add this javascript as well.

jQuery('.blog .entry-footer').each( function(){ jQuery(this).appendTo( jQuery(this).prev() ); } );

Thanks.

#12

Thankyou!

One more question.How do i get rid of the blue border around my submit button? It sems to be something in the themes css.

#13

Hi again,

To remove the blue border, add the following code in your Customizer:

#btn-support {
    box-shadow: none !important;
}

Cheers!