perfect, sorted thanks!

I updated the theme but still have the problem

thanks

enfold is changing the path – the one I enter is correct
http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/myicon.png

but it ends up being:
http://wpg.com.gridhosted.co.uk/wp-content/uploads/dynamic_avia/wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/myicon.png

how do I stop that? use a relative path?

I tried checking and unchecking this in the performance section of the theme:
Delete old CSS and JS files?
but nothing happens.
also tried installing some caching plugins but none work properly right now…

thanks

if you copy the image link and try it it is correct

.myicon .av-icon-char {
background-image: url
(http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/myicon.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}

I replaced the icon with a more suitable image.
something is happening, as in the fontello icon is being removed but it is not showing the image in its place
http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/myicon.png

thanks!

Hi

this is what I am trying to do. but the actual icon bounding box is rectangular and it cuts off the image

http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/icons.png

thanks!

Hi

revisiting this…

I got it working using a different class, and I can remove the background but when I try to use an image in the back it does not find it

http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/back-1.png

what I wanted to achieve was a different column colour effect with the logo on a white background and the text on a grey one. but using column shortcodes it always has an outer border in the ajax window

this is my code:
.main_color .portfolio-preview-content {background: transparent; box-shadow: none; background-image: url(“http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/back-1.png”) }

thanks!

perfect, thanks!

Hi

I am only trying to target specific portfolio grids as it was affecting the whole site.

I have given the portfolio grid a custom css name of “continents”

this is my code so far – I am trying to have the icons smaller in the space and SQUARE – I tried using a png 227×227 transparent dimensions but it ignores this
ALSO I am trying to remove the background and add a line border

.continents {
.grid-image img {
height: 160px !important;
display: block;
margin: 0 auto; }

.attachment-portfolio_small size-portfolio_small wp-post-image
{background-color:transparent !important; }
}

thanks!

perfect. thanks!

Hi Victoria
I checked that, it works now, caching issue in chrome

thanks!

Hi Victoria

I have tried both of these but neither works

.ajax_slide.open_slide {
background: #000!important;
}

.main_color .portfolio-preview-content {
background: #000 !important;
}

if you check the page again you will see that the background of the preview box does not change and
ALSO! when i rescale the browser to mobile view it completely loses the background and goes transparent

thanks!

Hi

no response yet :)

thanks

Hi

http://wpg.com.gridhosted.co.uk/wp-content/uploads/2018/07/tabs.png

so using custom images/icons, colourising and resizing the tabs

thanks

fixed thanks!