Hi Victoria,

Sorry for the delay, but needed to get everything else working to be able to show you the issue.

So, what i am trying to achieve is to add a gradient overlay on top of the portrait image (top right post). These portrait images that will require an overlay (due to the use of white text) are a separate post type (named ‘pdf posts’). I am thinking the best approach would be to assign this post type the masonry option of ‘display the title as a centered overlay’, however the other post types need to keep the ‘display title below’ option that is currently assigned to the masonry grid.

Hopefully that makes sense? login attached privately if that’s any help?

• This reply was modified 5 years, 12 months ago by Birdster.

All seems to be working fine, although I’m not actually sure what i’ve done differently compared to when I first tried it and started this thread!

It may be because the old section ID’s contained underscores, as their naming seems to be quite sensitive. Also, i’m finding that where I place the code within my quick css, relative to other code ive added, seems to make the difference between it working or not!

Either-way, i’ve got it working – so thank you Mike for going through everything and confirming that what I wanted was in fact correct. Apologies for creating such confusion over nothing!

Excellent, i will re-write the code and let you know if i have any problems….

Another question i had was; should it work if I was to use a section id instead of a custom class?

eg:

#coloursectionid01 .imageclass {margin-left: -145px !important;}
#coloursectionid02 .imageclass {margin-left: 15px !important;}
#coloursectionid03 .imageclass {margin-right: 100px !important;}

Thanks,

Thanks mike, helpful tip although unfortunately it doesn’t really help me with this situation. I was really hoping to avoid .imageclass01, .imageclass02, .imageclass03 e.t.c and instead have:

.coloursectionclass01.imageclass
.coloursectionclass02.imageclass
.coloursectionclass03.imageclass
e.t.c

Unless you can use truncating when referencing classes?
eg: .imageclass*,
which would target all classes that begin with “.imageclass”, so any future added classes such as “imageclass04” would automatically receive the assigned parameters – But i’m guessing that is wishful thinking?

Appreciate the help Vinay, but my coding skills are not good enough to decipher all the additional code that is surrounding the element when viewed using the developer tools. Long story short, i read the following link:

https://stackoverflow.com/questions/25796180/targeting-a-class-when-inside-another-class

And therefore believed it would be possible to target my image element’s custom class by first referencing my colour section custom class. EG:

.coloursectioncustomclass .imagecustomclass {…}

But because this didn’t not work, i have decided to create a new custom class for each image in each colour section. It does mean that a lot of my css is repeated, EG:

.imagecustomclass01 {…}
.imagecustomclass02 {…}
.imagecustomclass03{…}

But at least i know it works.

Thanks for getting back so quickly, but not sure that’s answered my question. I know how to apply custom classes, but when inputting the code to style the elements in the quick css field, i don’t know how to reference a custom class (that has multiple elements assigned the same class) but only within a particular coloursection.

#coloursection01ID .custom_image_class {top: 100px;}

Assuming it is possible, the above code is missing something between the coloursection (id or class) and the image class,
such as .container or .contents or .avia-element?

I was hoping you may have the answer, so that i could apply some code to all the images via it’s custom class but also apply some additional code that only affects those images within a certain coloursection.

Hi Rikard,

Apologies, i just read it back and it does sound very confusing! Because i’m am new to all this, my coding terminology is likely to be incorrect – but will try and explain it better:

I need to duplicate multiple coloursections. Inside each of these coloursections I have an image and/or text box. These contents will require a custom class to allow me to make the position absolute, and individually translate each one horizontally and vertically.

I was hoping to keep the custom classes the same for each image and textbox (for ease of duplication and css code) Therefore was hoping there is a way to differentiate each image and textbox by referencing it’s parent coloursection ID followed by the textbox class or image class.

Similar to how you can separate an element by listing a page-id first:
.home .custom_image_class {top: 100px;}

I was wandering if it is possible to separate a custom class by its parents section id. something like: #coloursection01ID .custom_image_class {top: 100px;}
or maybe using another custom class for the coloursections: .coloursection01class .custom_image_class {top: 100px;}

Hopefully that makes sense?

Thanks for getting back to me, but I’ve just found the answer in your forum:

https://kriesi.at/support/topic/flexible-font-size-smaller-sizes-in-pull-down-menu/#post-995059

Apologies, i did a quick search before posting the question, but clearly I didn’t search well enough!

Next question would be, can you assign the flexible font sizes (vw) to body text or heading styles in the css code?

Hi Ismael,

Apologies, but because i have been trying other recommendations such as compressing the xml file into a gzip before importing, i have done a few wordpress resets since adding that user and therefore the login info was removed. I have re-added the user, so the same login info should now work.

As for proceeding without the photos, it is more the warning at the top of the page that worries me – and although the majority of the images will be swapped, I would still like to get to the route of the problem in case it causes any future issues. The client is getting concerned, and talking about migrating to a new hosting company, but before they do please could you login and see if you can work out the problem?

The hosting company have also added the IP you sent me to a white-list so it couldn’t be blocked – but that didn’t make a difference.

Okay, i have setup a new admin account and will await further instructions…

Thank you.