Post by chhunloveluch267 » Wed Nov 27, 2019 3:38 pm

How can Compact this smaller?
where can I edit source code or anything?
I need help.
This is my web: http://www.itcomputerkh.com/

Attachments

InkedCapture_LI.jpg

How can Compact this smaller? - InkedCapture_LI.jpg (801.91 KiB) Viewed 968 times

Last edited by chhunloveluch267 on Wed Nov 27, 2019 3:56 pm, edited 1 time in total.


Posts

Joined
Wed Nov 27, 2019 12:28 pm

Post by uksitebuilder » Wed Nov 27, 2019 3:43 pm

Right-Click and inspect the element to find the CSS code

Then edit the css code to change the height

User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by chhunloveluch267 » Wed Nov 27, 2019 3:57 pm

uksitebuilder wrote:
Wed Nov 27, 2019 3:43 pm
Right-Click and inspect the element to find the CSS code

Then edit the css code to change the height

Would be easier for people to assist if you post a link to the page.
Hello! Thank you for your advice.
http://www.itcomputerkh.com/ this is my website and i already edit the post already.


Posts

Joined
Wed Nov 27, 2019 12:28 pm

Post by by mona » Wed Nov 27, 2019 5:01 pm

add to your catalog/view/theme/default/stylesheet/stylesheet.css

Code: Select all

.product-thumb .button-group {
    height: 40px;
}

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by thekrotek » Wed Nov 27, 2019 5:13 pm

by mona wrote:
Wed Nov 27, 2019 5:01 pm
add to your catalog/view/theme/default/stylesheet/stylesheet.css

Code: Select all

.product-thumb .button-group {
    height: 40px;
}
Yeah, and loose all the changes right after the next OC update. All CSS updates should go to custom.css file or theme's Custom Code section (if any).

Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com


User avatar
Expert Member

Posts

Joined
Sun Jul 03, 2016 12:24 am


Post by by mona » Wed Nov 27, 2019 5:21 pm

thekrotek wrote:
Wed Nov 27, 2019 5:13 pm
Yeah, and loose all the changes right after the next OC update. All CSS updates should go to custom.css file or theme's Custom Code section (if any).
No theme or custom css
Feel free to explain to the changes he requires to add a custom.css stylesheet
and with respect - people do not update so quickly and if they do you usually have a whole new updated concept, so irrelevant to be honest.

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by thekrotek » Wed Nov 27, 2019 7:15 pm

by mona wrote:
Wed Nov 27, 2019 5:21 pm
No theme or custom css
Feel free to explain to the changes he requires to add a custom.css stylesheet
and with respect - people do not update so quickly and if they do you usually have a whole new updated concept, so irrelevant to be honest.
Very relevant. And changes are the same, just different file, which you can load with default stylesheet.css

Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com


User avatar
Expert Member

Posts

Joined
Sun Jul 03, 2016 12:24 am


Post by by mona » Wed Nov 27, 2019 9:03 pm

thekrotek wrote:
Wed Nov 27, 2019 7:15 pm
1. loading two stylesheets instead of one is a bad thing - in which case you should combine them - feel free to offer the methodology for that.
2. you could far more easily add /* CUSTOM STYLES */ to the current stylesheet
3. you still have not given a substantive methodology of how someone who is not sure how to use right-click, how to add a new stylesheet

This was a perfectly correct answer (assuming it works) to a very simple question for a new user with limited skills.

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by thekrotek » Wed Nov 27, 2019 9:27 pm

by mona wrote:
Wed Nov 27, 2019 9:03 pm
thekrotek wrote:
Wed Nov 27, 2019 7:15 pm
1. loading two stylesheets instead of one is a bad thing - in which case you should combine them - feel free to offer the methodology for that.
2. you could far more easily add /* CUSTOM STYLES */ to the current stylesheet
3. you still have not given a substantive methodology of how someone who is not sure how to use right-click, how to add a new stylesheet

This was a perfectly correct answer (assuming it works) to a very simple question for a new user with limited skills.
1. Wrong. You can load as many stylesheets as you want without ANY issues.
2. Wrong. Current stylesheet will be overridden on the next update and you will loose all your custom styles, if you forgot to save them.
3. That's not my problem really. I informed the OP, that he'd better use custom.css for this purposes and there's a plenty information on forums on how to add custom.css file to the header. All OP has to do is spend 1 minute on search.

And no, you answer was NOT perfectly correct, because it is leading users to wrong practices.

Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com


User avatar
Expert Member

Posts

Joined
Sun Jul 03, 2016 12:24 am


Post by by mona » Wed Nov 27, 2019 9:47 pm

Wrong practices ? :laugh:
According to Yahoo, 80% of a Web page’s load time is spent downloading the different parts of the page, like images, stylesheets, and scripts.

An HTTP request is made for each one of these elements, so the more on-page components, the longer it takes for the page to render.

The first step to minimizing your requests is to figure out how many your site currently makes, to use as a benchmark.

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by thekrotek » Wed Nov 27, 2019 10:11 pm

by mona wrote:
Wed Nov 27, 2019 9:47 pm
Wrong practices ? :laugh:
Exactly. Editing core files, including stylesheets, is a wrong practice.

Professional OpenCart extensions, support and custom work.
Contact me via email or Skype by support@thekrotek.com


User avatar
Expert Member

Posts

Joined
Sun Jul 03, 2016 12:24 am


Post by by mona » Wed Nov 27, 2019 11:00 pm

:laugh:
pedantic
the file has already been modified ..

DISCLAIMER:
You should not modify core files .. if you would like to donate a cup of coffee I will write it in a modification for you.


https://www.youtube.com/watch?v=zXIxDoCRc84


User avatar
Expert Member

Posts

Joined
Mon Jun 10, 2019 9:31 am

Post by pprmkr » Thu Nov 28, 2019 4:22 pm

chhunloveluch267 wrote:
Wed Nov 27, 2019 3:38 pm
How can Compact this smaller?
where can I edit source code or anything?
I need help.
This is my web: http://www.itcomputerkh.com/
At the bottom of the page you see the three videos. Before those you find :

Code: Select all

<style>iframe{float: left;padding: 5px;margin: auto;}</style>
This affect all iframe elements. And pushes the buttons out of sight.
For reference see an category page. This is how is should be displayed.

Find the video embed code and add an element id or class to the iframe and change the embedded code for style andad class to iframe:

Code: Select all

<style>.iframe{float: left;padding: 5px;margin: auto;}</style>

Code: Select all

<iframe class="iframe" width="279" height="279" src="http .... 

User avatar
Active Member
Online

Posts

Joined
Sat Jan 08, 2011 11:05 pm
Location - Netherlands

Post by chhunloveluch267 » Fri Nov 29, 2019 3:59 pm

I'm gonna try this one. thanks


Posts

Joined
Wed Nov 27, 2019 12:28 pm
Who is online

Users browsing this forum: Bing [Bot], Semrush [Bot], sooty and 178 guests