gentlemedia 803 Master Poster

Or just scrap the signature facility altogether for that matter.

That's also an option :)

gentlemedia 803 Master Poster

To reduce the amount of threads/posts from new members that are here only to post (pointless) threads or posts just to have their signature with spammy URLs underneath it, is it not an idea that the 'Post signature' functionality is only available if a member have posted already a certain amount of posts? Say for example 30.

gentlemedia 803 Master Poster

Spacing out things in the 'Meet the staff' section with the non breaking space ( ) is not how you handle this and that's why that layout breaks on smaller screens.

<p style="margin-bottom: 0.0001pt; line-height: normal;"><strong>Lance Childress &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <strong>Micah Pauldino</strong> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; Frank Hensley &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;<strong>Mark Trujillo&nbsp;</strong>(Bilingual)&nbsp; &nbsp; &nbsp; &nbsp;</strong></p>

As mentioned by others, we're not here to code for you, but we can help you when you get stuck with some code.

But if you're responsible for that non breaking space mess, then I'd suggest to find someone on https://www.upwork.com/ or https://www.freelancer.com/ that can fix it for you.

gentlemedia 803 Master Poster

Google ignores the keywords meta tag since 2009 for ranking, so putting your keywords in their won't do anything already for a long time.
https://webmasters.googleblog.com/2009/09/google-does-not-use-keywords-meta-tag.html

If you want to be found with for example 'web design jakarta' then you should include that phrase into you text on the page, in your meta title or in a heading. But your website is in Indonisian, so you might want to include the phrase in Indonisian (if there is one).

I do see you have these icons with English text (web design, web development, etc.) underneath, but this is an image which is useless for the google crawler or any screen reader unless you include better alt tag text then alt="AWS".
But preferably use real text for that in your HTML. Also because the text on that image is unreadable (way too small) on a phone.

rproffitt commented: "I added meta tags." (Google) is now Schultz, "I hear nothing, I see nothing, I know nothing!" +12
gentlemedia 803 Master Poster

Which social media channel is the best for your business or campaigns depends on a lot af factors, but ask yourself questions like:

  • What are my social media strategy objectives?
  • What channels are my target audience using?
  • What channels are my competitors using?
  • What kind of content do I want to create?
  • How many channels can I manage?
  • etcetera

If you did your reseacrh and know the answers to your questions, then you know which social media channel(s) fits your purpose the best, because for one thing it might be Facebook and for another LinkedIn.

gentlemedia 803 Master Poster

You use an element or tag that conveys the meaning of your content.
https://internetingishard.com/html-and-css/semantic-html/

Furthermore to get your layout adapt nicely to the screen width it is viewed on, you use the 3 fundemental building blocks of Responsive Web Design:

  1. Fluid grid/layout (thiis means widths in percentages instead of pixels)
  2. Flexible media (images, videos, etc.)
  3. Media Queries

Learn more here: https://responsivedesign.is/

If you want to center your website you use a container/wrapper.

HTML:

<body>
  <div class="wrapper">
    <!-- all websites HTML here -->
  </div>
</body>

CSS:

.wrapper {
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
}
gentlemedia 803 Master Poster

The issue is not the viewport meta tag, but it's that you're using tables for your layout. Tables for layout was a good solution, when there was no better alternative.... uhm, somewhat from 1995 till 2000 :) Nowadays we use them for what they're intended... to display data.

Jon_7 commented: Thx a ton. What should I use instead? +1
gentlemedia 803 Master Poster

I guess that was just all to it. I installed CS-Cart and so far so good. No weird warnings yet! Finger crossed!

gentlemedia 803 Master Poster

I see there are no takers for my job application :-) so I took some roundtrips to the CentOS and cPanel forums and figured out that I had an old documentation (EasyApache 3) but I have EasyApache 4 installed in WHM . CentOS said there's no support from them anymore, because of the fact that WHM/cPanel is installed on it.

Anyway... with the new documentation I found out that modifying httpd.conf is way more easier then that was with EasyApache 3. It can be done now within the WHM GUI.

Thus... I added the <Directory> block to my httpd config file, so that one is set.

@AdriesP - You said that by default .htaccess is disabled and with this addition it's now not, so what is my next step to figure out how to allow these directives in .htaccess?

gentlemedia 803 Master Poster

It's obvious that I'm getting really lost with this :)
This .htaccess is the last bit that I have to do regarding the system requirements of CS-Cart
http://docs.cs-cart.com/4.6.x/install/system_requirements.html

As a server noob I got this far, but it takes me forever to get it done, so if anyone is interested in a little job to get this htaccess right, just PM me! I just wanna start installing the bloody CS-Cart :)

gentlemedia 803 Master Poster

If I check the file permissions on httpd.config with
ls -laZ /usr/local/apache/conf/httpd.conf
I get the following output
permission_httpd_config.jpg

As far as I can see I do have read/write permissions ot not?

gentlemedia 803 Master Poster

Directive AllowOverride All need set to default config file

Ao ok! So I have WHM/cPanel on the VPS and If I go to Apache Configuration > Global Configuration I see an option Optimize .htaccess (AllowOverride) which is set to it's default search_full_path but my guess is that you don't mean that.

EDIT:
Also if I read the docs to modify httpd.conf directly they don't recommend it.
https://documentation.cpanel.net/display/EA/Advanced+Apache+Configuration#AdvancedApacheConfiguration-Modifythehttpd.conffiledirectly

EDIT2:
I read futher on that I can test if WHM/cPanel override my modifications to httpd.config, so I try to open the config file as su root with the following command
/usr/local/apache/conf/httpd.conf
but I can't access it even as root
permission denied

gentlemedia 803 Master Poster

I have now this in my .htaccess file

Options FollowSymLinks MultiViews Includes Indexes
# AllowOverride All
Require all granted

But I had to comment out AllowOverride All, because with it I got that '500 Internal Server Error' again

gentlemedia 803 Master Poster

Thanks!
If I place that block in my htaccess file in public_html, instead of the apache config file, I can just use it like so?

<Directory "/">
    Options FollowSymLinks MultiViews Includes Indexes
    AllowOverride All
    Require all granted
</Directory>

EDIT: No, that's not right. I get a 500 Internal Server Error :)

EDIT2: It's because I can't use Directory directive in a htaccess file

gentlemedia 803 Master Poster

Thanks, AndrisP!

I have Apache 2.4 running and mod_auth_host for that version it seems to be require.
http://httpd.apache.org/docs/current/mod/mod_authz_host.html

But still I just don't get it. For example, how do I allow the DirectoryIndex directive?
https://httpd.apache.org/docs/2.4/mod/mod_dir.html
I don't see any mention about allow on that page/section.

I found about turning on directory indexes to allow access
Options +Indexes
But I don't know if this is what they mean.

gentlemedia 803 Master Poster

I have to do this: "the .htaccess file should allow the following directives"

DirectoryIndex Deny Allow Options Order
AddHandler RewriteEngine RewriteBase RewriteCond RewriteRule

But I have no clue where to start with this. If I read about the first one for example https://httpd.apache.org/docs/2.4/mod/mod_dir.html then the default value is DirectoryIndex index.htmlwhich I understand that it's looking first for an index.html file in the web root unless you tell otherwise, but what does this say about allow or not?

Another one the RewriteEngine I have already the line RewriteEbgine On in my htaccess file, but again what does this say about allow or not?

I pretty much checked the Apache docs for all of them listed here, but I'm still in the dark here. Who can shed some light on this for me? :)

gentlemedia 803 Master Poster

If that is your website you would be Ammad Khan or maybe Harry Lee the CEO. Which of the two are you? :D

gentlemedia 803 Master Poster

Aaaaahhhh.....

There's also a MultiPHP INI Editor in WHM (Web Hosting Manager) and there I enabled allow_url_fopen for PHP 7.0 and voila.

gentlemedia 803 Master Poster

It's not sure if the OP adds that content with an Advanced Custom Field input in WP-admin.

The OP could also use CSS for this, but this requires that the element has no nothing in it. Not even a blank space.

.price:empty { display: none }

https://css-tricks.com/almanac/selectors/e/empty/

gentlemedia 803 Master Poster

@ rproffitt - I've sent you a PM with some secret information :)

rproffitt commented: Read it. Shared my suspicion there. +0
gentlemedia 803 Master Poster

When the VPS was delivered to me with CentOS 7 and WHM/cPanel installed on it. The PHP veson was 5.6. I've upgraded it to version 7.0 via cPanel but allow_url_fopen was disabled by default.

The CMS that I wil install on the server requires also to enable it so that's why I did it with php.ini

gentlemedia 803 Master Poster

Okay, I see something strange. According to phpinfo()the php.ini file is located in a directory etc which is in the root (home directory).

Configuration File (php.ini) Path /opt/cpanel/ea-php70/root/etc
Loaded Configuration File /opt/cpanel/ea-php70/root/etc/php.ini

But the php.ini file that I edit is directly in the root (home directory) and the second I edit is in the web root (public_html). It might be better to stick only to the one in the root and delet the one in the web root, but that's for another thread :)

Anyway... if I look in the etc directory, there's no php.ini file at all. Weird!

EDIT: I made a copy from the php.ini file and putted tit in the etc directory, to see what happend and no nothing allow_url_fopen still on "Off"

rproffitt commented: Keep digging. +0
gentlemedia 803 Master Poster

It's PHP 7.0.21 on Apache

I also checked if there was a .htaccess file that might have PHP directives in it which would override those in the php.ini file, but this is also not the case.

gentlemedia 803 Master Poster

I rebooted the VPS, cleared the browser cache, but still on "Off" in phpinfo()

gentlemedia 803 Master Poster

I'm allowed to change it. It's my server :) No, I see what you mean. A2 hosting allows their users to change PHP settings via php.ini on VPS and dedicated servers after 2014. Before that it could only be done via .htaccess.

Anyway... I guess I have to check with my provider why I can't see the changes with the phpinfo() function.

gentlemedia 803 Master Poster

The hosting can matter here.

It's a VPS, so as of now I'm the only one in control of this server :)

gentlemedia 803 Master Poster

If I view the php.ini file in cPanel's File Manager" it's also on "On"

gentlemedia 803 Master Poster

In MultiPHP INI Editor > editor mode it's on "On"

rproffitt commented: Still need to check the php.ini directly to see what's what. +12
gentlemedia 803 Master Poster

I've enabled allow_url_fopen via MultiPHP INI Editor in cPanel, but if I check with phpinfo()it's still on 'Off'. Why's that? I've cleared my cache.

gentlemedia 803 Master Poster

There's also Epic browser which is basically Chrome, but then on steroids regarding privacy & security.

https://www.epicbrowser.com/

gentlemedia 803 Master Poster

Thanks, rprofitt!

I did a google too with that message and saw also some pages that siad it could be a bug.

I will definately contact the provider about this first thing in my morning which is around 12.00 am. I'm a nighthawk too!

gentlemedia 803 Master Poster

Hey guys,

I'm trying to change this password, because I don't know the password to login to my VPS (I've never had to set one as far as I know).
Antway... I'm following the steps from these tut https://www.liberiangeek.net/2014/09/reset-forgotten-root-password-centos-7-servers/

After the last step passwd root I get the message: Can't open /dev/null: No such file ot directory.

Now, I know what it says but have no clue what to do about it.
Also if you look between my console output and the one from the tut after I changed ro to rw init=/sysroot/bin/sh abd hitted Ctrl + X. I do miss all these OK messages at the top. I don't know why I didn't get those checks.

passwd_root.jpg

gentlemedia 803 Master Poster

I'll close this thread,. I've arranged a VPS for them and I'll most definatley will come here at DW with questions related to this, because I never had to work with a private or dedicated server before. Oh, oh... the command line :-)

gentlemedia 803 Master Poster

It turns out the client got a shared hosting package instead of a VPS that I (CS-Cart) recommended. :(

gentlemedia 803 Master Poster

Ah ok. Clear!

There's no Cpanel, Plesk or any other known inteface installed. It's possible but then the client has to pay an extra monthly fee for this. But I will advise them to do so either, because the documentation 'how to install' is with cPanel.

On that server requirements page I linked to it syas 'The following PHP commands should be enabled' where and how do I enable those?

I got a message back from the provider and it's indeed not possible to edit the php,ini file because it's not only used by my hosting package, but also by others. That kind of sucks! What happend with the part 'private' in VPS? :)

I will ask if I can create a custom php.ini file in my own dcucment root to override settings.

gentlemedia 803 Master Poster

Thanks, Cereal!

Not sure what PHP-FPM was, but did a google and now I know :), but I don't know if the host uses this.

I also contacted the the provder if they can clarrify things, but haven't heard back from them yet.

Do you mean with a dedicated interface a thing like cPanel?

gentlemedia 803 Master Poster

I need to configure a server for the CS-Cart Multi-vendor software (http://docs.cs-cart.com/4.6.x/install/system_requirements.html) and if I check things with phpinfo()there's no php.ini file. It shows the path where it should be in, but there's no file.

Configuration File (php.ini) Path /etc/php70
Loaded Configuration File (none)

I don't see this directory either on the server which is by the way a Virtual Private Server (VPS), so where and how do I go about this?

gentlemedia 803 Master Poster

BTW i must ask, is it easier to do this without bootstrap

Well, for me it's easier to do without Bootstrap :) and CSS is really not that hard unless you have to support old IE.

Glad it's sorted now!

Stefce commented: Thank you @gentlemedia :) +2
gentlemedia 803 Master Poster

It's because of this rule:

@media (min-width: 768px) {

    .col-sm-8 {
        width: 66.66666667%;
    }

}

But you can override this with the following updated CSS:

.video {
    position: relative;
    padding: 0 10%;
}

.video .glyphicon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2em;
}

.video .glyphicon-menu-left { left: 20px }
.video .glyphicon-menu-right { right: 20px }

@media (min-width: 768px) {

    .video {
        width: 100%;
        padding: 0;
    }

    .video .glyphicon-menu-left { left: -36px }
    .video .glyphicon-menu-right { right: -36px }

}

@media (min-width: 992px) {

    .video { width: 66.66666667% }

}
gentlemedia 803 Master Poster

Do you use also Bootstrap V4?

gentlemedia 803 Master Poster

It's easier for me to debug if I see a demo in Jsfiddle or codepen, so I made one myself.

https://codepen.io/gentlemedia/full/ZyoXdN/

On small screens the arrows were behind the video again, so the left and right properties gets another value on smaller screens in this case I have them both at 20px

Here's the nw CSS:

.video {
    position: relative;
    padding: 0 10%;
}

.video .glyphicon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2em;
}

.video .glyphicon-menu-left { left: 20px }
.video .glyphicon-menu-right { right: 20px }

@media (min-width: 768px) {

    .video { padding: 0 }

    .video .glyphicon-menu-left { left: -36px }
    .video .glyphicon-menu-right { right: -36px }

}

Oh and by the way... don't wrap your span tags in h1 tags to make the arrows bigger in size. If you want them bigger just add a font-size in your CSS, like I did to .video .glyphicon
.

gentlemedia 803 Master Poster

Just ditch the tables that you use for layout and use proper tags. You can start with div tags. I will not say that that will solve your problem, but tables were not meant for layouts. Not in 1995 and not in 2017. The HTML structure you have now is overly complicated and is asking for trouble.

gentlemedia 803 Master Poster

You should not remove thiose classes.
Anyway... let's try something else by not messing with the width of that .video div, but just add a padding.

.video {
    position: relative;
    padding: 0 10%;
}

@media (min-width: 768px) {
    .video {
        padding: 0;
    }
}
gentlemedia 803 Master Poster

It's probably because the classes .col-sm-8 or .col-md-offset-2 have set a width in bootstrap.min.css which we override with the width: auto on .video.

You will have to figure out the value of that width in the 768px MQ in bootstrap.min.css. Use the dev tools (inspect element) in your browser to see what that width should be and use that same value in your 768px MQ for the width of .video aswell.

gentlemedia 803 Master Poster

I assume that the MQ's are the default ones from Bootsrap - http://getbootstrap.com/css/#grid-media-queries - thus you could do something like this.

First add some styles to the .video CSS and we add a CSS block for this .video in a 768px MQ.

.video {
    position: relative;
    width: 90%;
    margin: 0 auto;
}

@media (min-width: 768px) {

    .video {
        width: auto;
        margin: auto;
    }

}

You might wanna adjust the 90%. Just see what fits best or you could also use calc()to get more precise

width: calc(100% - 80px)

gentlemedia 803 Master Poster

Yeah, the minus values is also a commom thing to do with a UI like this, but I didn't know that that div tag where we added the video class to, was more or less a wrapper for the embed-responsive div tag and that it spanned the same width.

Are the arrows not visibile anymore at a certain MQ breakpoint?

gentlemedia 803 Master Poster

This is a way you could do it.

Give the following tag a class for example video
<div class="col-lg-8 col-md-offset-2 text-center video">

Add this to your custom CSS, but adjust the left and right values untill your satisfied with the positioning and instead of px you're also probably better of using % if the layout is responsive.

.video { position: relative }

.video .glyphicon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.video .glyphicon-menu-left { left: 20px }
.video .glyphicon-menu-right { right: 20px }
gentlemedia 803 Master Poster

I see some nasty inline styles on that p tag and the negative margin-left of 210px is the culprit here.

<p style="margin-left:-210px;padding-top:10%;padding-right:130px;font-size:180%;margin-top:10px;text-align:justify;">
    The RENARD Elite timepieces come with a 35.5 mm and 25.5 mm stainless steel case. The watches have a slightly domed crystal and a vertically brushed champagne coloured dial that elegantly diffuses light reflection. 
</p>
gentlemedia 803 Master Poster

So i am guessing i have to change the Delta to HTML to upload the formatted -by the user- text?

In early versions of Quilljs there used to be a getHtml() method, but they dropped that method in favor of delta objects to abstract away from providing HTML.

To get the HTML structure you could do something like this in vanilla JS.

Quill.prototype.getHtml = function() {
    return this.container.querySelector('.ql-editor').innerHTML;
};

But I took that snippet from this discussion :)
https://github.com/quilljs/quill/issues/903

More discussion about this matter here
https://github.com/quilljs/quill/issues/993

And there's a npm Quill Delta to HTML Converter
https://github.com/nozer/quill-delta-to-html

gentlemedia 803 Master Poster

the quills script should had a function (php or other server side) to do the uploading?

Quiljs is just an edior. How you want to upload and save the data that's up to you.

I mean does -as it should , change the font or bold or color of text after uploading a text

To store also all the formatting you should use the getContents()API method.

getContents: Retrieves contents of the editor, with formatting data, represented by a Delta object.

https://quilljs.com/docs/api/#getcontents
https://quilljs.com/docs/delta/

And there's even an example with form submit to save the data. Notice the hidden input[name=about] where the data goes in.
http://quilljs.com/playground/#form-submit

Do you even read the quilljs guides & docs?