I have a website that works fine if a certain plugin (Business Listing) is not activated. But once the plugin is activated the logo disappears on the pages it's on. If you click and drag on the space where logo is suppose to be it will show itself temperately until mouse button is released. The same for the image with parallax effect. It shows on the page but with no parallax effect.
I can't find the conflicting code. Any advice?
www.newstralia.co.za
It seems that a div that contains your image logo has zero opacity In Customize>>Custom CSS add this:
.pl-pro-version .pla-fade {
opacity: 1!important;
}
For your parallax image I guess you need something like this (again in Customize>>Custom CSS):
.pl-bg-cover {
background-attachment: fixed;
}
Consider that your image has small height and will stretch.
Related
I was editing the menu in magento and i changed the text from
and i changed it to
now the navigation has moved below the black area i didn't not change any code i dont understad how this happen to have a look at the website it is http://truckpartsactions.com/ to take a look at the origianl website http://65enginespart.com/
It has nothing to do with the text, it is because of the new logo dimensions
The original logo is 151*100
Your logo is 200*121
If you resize the new logo or just add in styles.css:
.logo img { height:100px; } //or max-height:100px;
The menu will come back to the black area
I have installed one plugin under my woocommerce store in order to show appropriate icon awards for wines. When I add image icon which shows in top left corner of woocommerce thing images, and look website on mobile website the image looks disorder and like its squeezed and stretched. If you take a look at website home page http://letmewine.com/ and product "FRANCIACORTA BRUT “ALMA” BELLAVISTA" from mobile phone you will see what I mean. I tried assigning z-index value position to absolute or relative to that image icon and nothing happend. I could use any suggestion what to do here.
Thanks a lot for help
The problem is that your image is absolute and have set width:100%, height:100% which makes is stretched. It's because the images is trying to fill the the entire holder which is actually bigger than image size.
You should change your style.css on line 11739 where is the selector for the image ( .post_featured img ) and change so your code will become:
.post_featured img {
width: auto;
height: auto;
}
I have a slider in my WP where pictures get cropped when I resize the window
Here is a picture of a slide when the website is fullscreen and besides is the same slide when I resize the window which we can see is cropped on the right:
click to open the image
(when "inspect element" I can see that element.style section that I didn't manage to find on my css files)
Then on the element inspector I edited the element.style by adding "background-position: center;" and when I resized again the window the picture did exactly what I wanted (it centered as I was resizing):
click to open the image
As I said I tried to find the css sheet where I could edit that but I learned that it could not be done that way and that I had to force the WP to update by adding css lines
I tried theses:
.animate-in[styles] {
background-position: center !important;
}
.animate-out[styles] {
background-position: center !important;
}
but didn't manage to get anything working...
Please help!
You don't find the css sheet because css was generated with javascript.
You can try :
#sequence li {
background-position: center !important;
}
Please at the very least post the url to your webpage so i can play with it. The SS is very low quality.
What you are seeing is known as an inline style, you can overwrite it with the !important tag. The element you are highlighting has an ID that you can target to over write this.
so in your child theme's stylesheet you can write
#widget-kopewidget_sequence_slider-2-sequence_slider-item-208 {
background-position:center !important;
}
I am working on a wordpress theme, Harmonic, and I've gotten almost exactly the way I want. There was an error in the theme where the nav bar would flicker away then appear again when I scroll, and I was able to change it to position: fixed.
The current issue I'm having is with the logo. When I scroll, it disappears really quickly. Is there a way to make it disappear slower or, preferably, not at all?
I'm having to edit everything by using inspect element, since I can only change the CSS. The website I'm making is sttr8drop.wordpress.com.
try... in this class:
.hsContent {
opacity: 1 !important; /* add this */
}
If you're referring to the part that says, "Providing You with your Daily Dose", you've got some javascript that's applying an opacity to the image on scroll.
This appears to be a feature of the theme as the theme's demo has the same effect.
You'll be looking for a script related to the class skrollable if you're wanting to change the rate at which the effect occurs. If you want to override it entirely...
.skrollable {
opacity: 1 !important;
}
I have my wordpress theme built but there are 2 problems, the first the twitter feed I have in my footer (not a widget) is taking the styling for something else instead of the styling I gave it. I styled the links etc for the feed but it's not styling properly. Also I want to have an image behind my footer but not be part of it. In my site I have my footer image that repeats horizontally and an image behind it. My issue is when I put the image in it acts like part of the footer and not the background (it's not my background image just on top of it). Here is a link to my blog (the code is too long to post here):
http://blog.zombiesarefierce.com/
also here is a pic of what my footer is supposed to look like, any help would be greatly appreciated:
http://www.freeimagehosting.net/jq19y
download addon fire bug
Right click on image and click on inspect eliment with fire bug then chang the css of your image
in your case
.art-footer img
{
border-width: 1px;
}
and make it
border-width: 0px;
n here is the screen shot of your site