Forum Replies Created
-
Author
-
lore927
Participantcool! looks it works this time even without flushing cache. Lets wait some hours, was already singing victory yesterday. many thanks so far.
regarding “pop up” It is still there, see screenshare video attched, 1st and 2nd click on image it opens popup at the 3d I click on the title and it opens the page directly. I tested it usin W10 IE, FFox and Chrome 61. Only difference with you here is the OS and screen size, mine is smaller vs yours.
So i tried chrome 61 from a mac with 2560×1440. Pop-up is visible. Maybe you have some pop-up block activated or we are speaking of different things?
lore927
Participant…after some hours f my last message the icon moved to the left out of the picture when viewed from mobile. I am pretty puzzled, is the css correct and is that a problem with cloudlflare? (which I can not fully deactivate). Is CSS wrong? why did it work before then? Any help appreciated
lore927
ParticipantHi Radu,
thanks for checking up.1- the css fix you entered actually broke the featured item click logo positioning. See picture “button broken”
There was also other css related to share widget there 🙂 rstored back no probs.2- here is a copy of the same page, pls use that for tests, website is live:
https://www.backupcircle.com/video_backup-3/3- here is a screenshot of the lightbox that I would like not to see. It appears only if you click on the image, not the icon or the title.
4- also, did you perform some other edits? I had an issue with the header (I believe due to the header) that messed up logo and custom button making the header a big square at times. After your intervention that issue disappeared. 🙂
ps: I need to use cloudflare send me a msg if you want me to flush cache.
thank you.
lore927
ParticipantThanks, for anybody else that would like to recreate a youtube-like gallery using featured item (fast loading and still fancy) this is precisely the CSS I used:
span.feature-icon.el-appear {
background: transparent !important;
margin-top: 21% !important;
margin-left: 42% !important;
position: absolute !important;
}.icon-youtube-play:before {
content: ‘\e96f’;
font-size: 60px !important;
}-Laura: can you pls suggest which PHP functions if not CSS is in charge of the 1″ image preview? My priority is loading video gallery fast, which it does now. if I can get rid of that lightbox preview would be super cool. 🙂
lore927
Participantthank you very much! I added it to the page CSS, as I use featured item elsewhere in the “regular way” it is not working perfectly, but now I can see which are the propriety you tweaked and try it out 🙂
I also was wondering if:
-2- When I click on the image of featured item I would like that the linked page is displayed without a 1 second delay showing the picture in a lightbox. Is it possible to change that?
(If I click the text below the image or the icon, the page is opened without displaying the image, good!)
Any suggestion for that one?
lore927
ParticipantHi Laura,
thanks, but I changed nothing to the standard featured items except icon and picture.https://www.backupcircle.com/videos/
laura
laura@kleolore927
ParticipantThe question is about “featured item”, it has nothing to do with my website in particular.
https://seventhqueen.com/themes/kleo/feature-items/Sorry to say, but as much as I love Kleo and this is the 3rd licence I bought, you are bouncing messages for 5 days, not providing useful support to a specific CSS question. If you are not able to help: just say so. 🙁
lore927
Participantcan you please include the css code for the page here instead? It might be useful for other people after me. And I need to complete the project. Thank you very much 🙂
lore927
Participanthi, I really don’t want to use Essential grid. It looks very nice, there are a gazillion of options, but then all the test I did there is always something not totally right with it (YT parameters, lightobx settings)…plus it is heavy.
The page would be really great using “featured item” it looks and works great minus the 2 issues I pointed out in the question, and I would be finally done with that gallery 🙂
Can you pls suggest what CSS I need to edit in the page, if possible?
lore927
ParticipantThanks Laura, can you explain what you did? Simply installed the plugin from “search plugin”, or you had to activate it together with Kleo?
lore927
ParticipantThanks,
I set you up as administrator
backupcircle.com/admin
usr: laura
pw: laura@kleolore927
Participantthanks, I looked it up on google and it would be good.
Unfortunately I can not find it among my plugins, I also updated the theme but still nothing. How can I get it without paying for it, as it is included in the theme?
Also, I noticed that it is created by the same authors as Slider Revolution, do I have to re-activate that plugin? I really would like not to, as it is really too heavy/slow..
lore927
Participantnot sure it is the most neat way to solve this, but here is how I did:
Added to css file:
.menu-item-9898 {
padding-top: 10px !important;
}lore927
Participantthank you, yes it works. the secondary item button is vertically offset vs primary but I guess i can remedy by adding an entire row using plugin rather than just a button.
lore927
Participanthello Laura, I was able to solve the issue.
For some reason I was not able to make VC el_id=”name” links work again. So I replaced them with regular html IDs in the titles.
<h3 id=”ans2″>lore927
Participantunfortunately, uploading at this stage is not feasible. Does the html that I included work on your side?
Can you for example jump between this 2:<h5>soem title text text text text</h5>
[/vc_column_text][vc_column_text el_class="offset" el_id="answer_1"]
lore927
Participant…and this does not work either: tried in kleo-child.css and in the Quick CSS form (template menu)
.panel.panel-body {
background-color: #00ff00 !important;
}lore927
Participantas a follow-up, I colored all areas that I manage to edit, the arrow indicates the background area I can’t tackle.
lore927
Participantthanks, but it is not this. I pasted the code badly before my Kleo-child style.css is actually
.panel.panel-body {
.background-color: #00ff00 !important;
}any suggestion?
-
AuthorPosts