Wordpress image slider overlay issues - css

I've build a WordPress website which runs the TouchFolio theme. This theme uses a plugin called Royal Slider to create the sliding image gallery featured on the main page.
http://www.suellewelyn.com.au/
https://dimsemenov.com/themes/touchfolio/
https://dimsemenov.com/plugins/royal-slider/
I've ran into an issue where the description overlay on the RoyalSlider plugin is staying active across different projects, which results in them becoming mislabelled.
To recreate the issue, if you load the page at http://www.suellewelyn.com.au/ the first work titled "Primal Intent" comes up. If you then use the left hand menu to jump directly to a project lower down the list ("Celebration" for example) the "Primal Intent" title and description stays active. I noticed that this is an issue with demo of the theme on the developer's website as well.
Does anyone have any suggestions as to how I might be able to correct this?

Just Increase z-index of your pseudo element with tint.

Related

Wordpress dynamic image slider plugin

I am new to wordpress and I am looking for special type of image slider.
The image slider is such that when the image slides the contents of the image comes after words from different sides and also goes out in the similar way and the next slides comes.
I have seen it on many websites and do not know how to make it and what is a suitable plugin for it.
The one similar image slider on one site is:
https://www.eziline.com or http://www.qsoft.co/pakistan.
Also tell me how can I search this type of slider on internet i.e. what is the name of these types of slider.
https://revolution.themepunch.com/ is one that can mostly do what you're looking for. Note that the example you gave is much more complex than just a slider. While I was working at a motorcycle shop, I did their site with Slider Revolution. It's not the most amazing site, but you can get an idea of some things that Slider Revolution can do. https://combustioncycles.com

¿How can I edit the main theme of my Wordpress theme with King Composer?

I'm trying to customize a theme that I bought for WordPress.
My knowledge in PHP is null, because I use King Composer as the editor that comes with the subject.
I am starting to modify parts of the theme, but the main cover, which I show in the capture, I can not change the background image of the beginning of my site.
They are two different images that alternate, and the text that each one has.
I leave the link to my site, I guess I offer them a lot so they can help me, but looking for the files I do not know how to edit, so I use King Composer.
I've seen tutórales, but they focused on blog and I did not find a way to solve this, like changing the images of the slider.
Sorry to offer you just this, if you give me more ideas so you can help me.
Thank you.
http://howello.bolvo.com/
Your slider is controlled by a plugin called Revolution slider.
You should see an option for this in the wordpress admin menu on the main side bar to the left. You can change the image by finding the correct slide (as i presume there will be multiple) and editing it.
You can find the documentation here: https://www.themepunch.com/revslider-doc/slider-revolution-documentation/

Website doesn't load portfolio content on mobile

I just made a website using a Wordpress theme and it all works good on desktop computers. However, while the site initially loads normally on my phone (I'm using iPhone 6 with iOS9, but the problem is the same on Android phones too, I tried two), once I click on the portfolio item, it loads a blank page (header and footer only).
When I tap on the address bar, I notice that it never went to the right link at first place (the portfolio item link), it just shows the homepage link and there is no content.
I managed to fix the problem by entering the external URL in portfolio item options. It was still internal link from the site but I made the link open the new tab (if it doesn't open new tab, the problem stays the same). However, if I choose to go back to the homepage from that link (the portfolio item link), the homepage is blank, there is only header and footer so the problem returns again.
Just so you know, the first portfolio item contains the external link outside the Wordpress and that one opens normally.
What is wrong with the mobile site?
The site URL is: http://svenharambasic.com
The screenshot is attached. Thank you!
P.S. There are also google ads showing, I never encountered that before, but I'll work on that once this is solved.
I only see a white screen upon clicking any of the homepage portfolio image links (except for the first link which goes to an external site in a new tab) on desktop and on mobile actually. There is a content_inner class with inline styling setting visibility:hidden.
It's unclear to me why it's doing that- maybe to remove focus from the body and draw focus towards something that is supposed to appear in the foreground but does not? If I remove visibility:hidden from the element in the browser, I see a series of additional images appear, which seems to me to be more an expected behavior. Are we on the right track?
I managed to solve this, it was the setting in the theme options; I had to disable grid lines... I can't say I truly understand why, but it worked!

Trouble making WP slideshow responsive

Although I just launched my website, there is only one publicly visible bug (that I know of) that I need to fix and I haven't managed on my own.
I'm running Wordpress 4.4.1 with the Corpo theme and toolkit, the latter which comes with a nice slideshow on the front page and portfolio project pages. Unfortunately, the author of the theme+plugin vanished from the earth: no longer active on the WP forums and her website/domain name is no longer renewed.
Long story short: the slider code is working responsively on the front page, but not on the project pages.
My website is located at http://www.jurjenbarel.com/
The project slider gets really ugly when you get under 540px width, because the container div is set at 540px. I can't set the container at max-width: 540px; because it will make the slideshow ridiculously small.
If someone with better knowledge of CSS has any idea on a fix, I would be very grateful!
Thanks in advance!

Put logo and custom graphic in top header on Divi Wordpress theme

Is it possible to put logo and a custom graphic in the "top-header" (ie. To the left of the phone number) in the popular ElegentThemes Divi template.
http://www.elegantthemes.com/demo/?theme=Divi
I have tried using absolute positioning and setting the container/body to relative. The code can be accessed by inpect-element.
To answer your question: yes, it is possible. Changing the structure (i.e. the HTML) of a theme, however, is not recommended for many reasons: you may break other parts of the site and/or when you update the theme, any changes you made will be lost. Furthermore, looking at the theme with the link you provided, there is already a place for the logo.

Resources