Various

[Shaso]

Good Morning guys,

I hope you don’t mind, but I have a few questions

1. How do I move the hero panel text title down. It’s currently centered, but changing this class info isn’t working. (see image.)

2. I’ve read about the switcher, but I don’t understand some of it. How do I get this to work while building a site.

3. Ecommerce – Do you recommend a way to add this. Specifically for buying digital downloads. I’ve search the net and there are options available, but you have to add a script for every buttom.
Was wondering how this would effect website loading times.

Thanks
Laurie

---

[Shaso]

https://www.dropbox.com/s/eq7l98iurcmuopv/hero-panel-title.jpg?dl=0

---

[Support]

Hello,

Do not worry in sending questions, we are here to help 🙂

1) Please try adding the class mt-xx. Possible values: mt-1 until mt-5. If you need even more space you also add pt-xx.

2) The purpose of switcher is preview somethings like colors, fonts, layout, etc.. and when you click to get the CSS you will have some instructions about how to implement the same design/layout in your project. For example if you use as start the https://www.okler.net/previews/porto/8.3.0/index-corporate-13.html (corporate 13 demo), you can go to our preview, play with the style switcher and follow the instructions.

Learn more about that here:

IMPORTANT! How to use a skin

3) Probably the best way is use a CMS like wordpress with the plugin WooCommerce. So you can create the shop pages with WordPress + Woocommerce. Of course, will be needed a minimum knowledge with WordPress. Porto has a WP version with Woocommerce integration too, so you can make the no shop pages with Porto HTML and the shop pages with Porto WP. But please note the Porto WP version is created and maintained by another author (p-themes).

You mentioned some static solutions with scripts, unfortunately we can not affirm if this will slow down too much the performance, since we never test it. This will depend in how the script is coded. The best way is do some tests with these scripts.

4) Another way is use payment services buttons, for example, PayPal has a generator for buttons:
https://www.paypal.com/buttons/

* This way you can only create a link with the buttons.

We hope this helps!

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Shaso]

Thanks for the reply.

I’ve added pt-5 and mt-5 to class row and class col. It’s moved down but not enough. Is it possible to add a section or div above it to knock the class=”col-lg-7 pt-5 mt-5″ down. It’s awkward this one, as I’m concerned how the changes would effect other screen views. If not I’ll re-think the hero design.

There’s one other thing (apologies for asking) but I have a gallery (tabbed categories) that I need to change to display ‘cards’ instead of images. This is so I can add a title text and description with link buttons to sell ‘Learning Course downloads’

I’ve really had a good go at it before asking you. I can get the ‘card’ in place but cannot get them to move when a category is selected. If you need the code I can supply it, with screen shots of what I’m after.

Thanks

---

[Support]

Hello,

You can create a space div with spacing classes and put where you want (above the h1 tag). For exameple:

<div class="spacer py-5 my-5"></div>
<h1>..<?h1>

* This will create even more space.
* These py-xx, my-xx classes are responsive, this mean you can set different values for each screen size, turning the things more responsive. Learn more about these spacement utilities here:
https://getbootstrap.com/docs/4.6/utilities/spacing/

Regarding the “cards”, yes please send us the code you are trying. Would be great you can send it in a online live test link within your hosting server, so we can inspect the code and send the best solution for your case.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Shaso]

Thanks for the help.

I’ve added two spacers, one above the ‘col’ and one above the h1. This works fine, personally I think it’s two low but the person who supplies the images wants to use this one. I may have to add a drop shadow to the descriptive sub title as it’s getting a little lost in certain areas.

Regarding the ‘cards’ and code. I don’t have it on a server, but I could put it on my ftp. I’ll let you know when I’ve done that.

Thanks

---

[Shaso]

Hi, I’m at a difficult place with the website as far as decisions go with the shop side of things.

I see Porto has a modal element, would it be possible to give the ‘cards’ I mention in the earlier reply a hover modal like this.
https://bit.ly/3kJoQmL

Thank You

---

[Support]

Hello,

Unfortunately this is not possible with :hover. The only way is when click in a button or in the entire “card” element.

Hope this helps!

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Shaso]

I’ve managed to get the ‘card’ elements into the gallery successfully.

I’d like to change the P text in the card without changing any other p elements, I know you do this via class id’s, but the line that google shows is in the ‘Global Paragraph’ line 17027.

Do I need to create a new class or add a css rule in ‘card-text’

card paragraph text

Thank You

---

[Support]

Hello,

Yes, the only way is creating a custom class. Example:

<p class="my-custom-text-color">Lorem ipsum dolor sit a met. </p>

(css/custom.css):

.my-custom-text-color {
    color: #CCC;
}

Important: Never do changes in the theme core files like theme.css, theme-elements.css, theme.js, ‘theme.init.js’. Instead of it, you should use the files custom.css and custom.js. The purpose is not break the template in future updates, since we never will made changes in the custom.css and custom.js on updates.

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Shaso]

Thanks for that, I forgot about not changing the code in theme-elements etc, I have changed a few lines of code.

Maybe I should drop the original back in and see what changes, then continue as you recommend.

Laurie

---

[Support]

Hello Laurie,

Probably that’s the best way! 🙂

If you need further assistance feel free to contact us.

Kind Regards,

Rodrigo.

---

If you are satisfied with Porto HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts