Main Page h2

Illdy
1

Hi, im new to wordpress and im using your theme to create a website, it looks like a really good theme but im having some problems editing it. i don’t really know php or css so its even more harded to edit it.
on the H2 on the main Page i would like to change the way that the words are, they are like this:

example one. example
two. example
three

and i would like it to be this way:

Example one. Example two.
Example three <----//(Center)

i’ve check everywhere on the website, mainly on the php things and i don’t find anything to do that, and about the css there’s only style.css and there’s nothing to edit there aswell.

2

managed to make it the way i wanted but now i have a new problem, this: .col-sm-12 doesn’t seems to let me align it to center don’t really know why

3

Hello,

Would it be possible to provide me live preview of the col-sm-12 element that you need to center, or at least a couple of screenshots as visual aidance?

By default, the 12 column stretch on full-width so I cannot really tell how and what you need to align.

Regards

4

http://www.sailtours2.sailtours.pt/wp/

you will see that it isn’t centered, its more to the right side of the website

5

and im really new to wordpress so if there’s anything you think you can tell me in order to improve in wordpress or anything to help me to edit it easier tell me :slight_smile:

6

Well, i managed to work it out myself again :stuck_out_tongue: im using a new editor that seems pretty cool and easy to use.

New Problem: how to i “delete” the Demo things on the website? when im logged into the dashboard it still shows some things that shouldn’t be there, and they aren’t there when you watch the website as a visitor

7

That’s great news, I’m happy that you got so far with the setup.

To avoid injecting default information as live content, the demo content only serves as guideline to set up your own widgets information, so all the demo content needs to be modified/custom/replaced and re-saved to appear on the live website, while not logged in the Dashboard.

Replacing the missing content with new one will regenerate it on the live website, so if you need to delete any element you should add dummy blank content under the form of text widgets or menu items, depending on what you need to delete.

Let me know if you got everything alright.

Regards

8

i think its working out pretty well :smiley: i’m just trying to delete those demo guidelines outta there.
if i need anything else i’ll ask you.
do i need a “child theme” or something like that in order to keep it safe when there’s a theme update?
btw, props on your theme, its really good!

ohh, wait. i have one more question: when you log with your phone, as the screen size is not the same as the computer the things get a bit smaller as usual, but some of the stuff stay as if it was a computer, you have to swipe on the screen to see the rest of the text, is there any css code or something like that to fix that?
its a little bit confusing, if you don’t understand tell me and i’ll try to explain better

9

Hello @slik66,

I previously used this CSS with great results on temporary fixing any mobile view issues:

.front-page-section .section-header h3 {
 line-height: 1.5;
}

@media (max-width: 1600px) {
 #header .bottom-header {
  padding-top: 100px;
  padding-bottom: 100px;
 }
}

@media (max-width: 1024px) {
 #header .bottom-header h2 {
  font-size: 40px;
 }
}

@media (max-width: 767px) {
 .top-header .col-sm-2 {
  display: inline;
 }
 
 #header .bottom-header .header-button-two {
  padding: 0 10px;
 }
 
 .top-header .col-sm-10 {
  display: inline;
  float: right;
  clear: both;
 }
 
 #header .bottom-header .header-button-two {
  font-size: 16px;
 }
 
 .custom-logo {
  width: 200px;
  height: auto;
 }
}

@media (max-width: 320px) {
 .custom-logo {
  width: 100px;
  height: auto;
 }
 
 #header .bottom-header .header-button-two {
  font-size: 12px;
 }
}

Please give a try and let me know if it fixes all of your issues.

Kind regards

10

well, i used the code and i didn’t notice any change on the website tho… i still have those 2 problems, when its on mobile, the screen its like the computer screen, you can swipe to the left and you shouldn’t. the other problem is the text that you edit on “Your Pages” on the main page that text doesn’t convert to the phone, stays as it was on the computer

11

Hello,

It seems like you are using some CSS custom code that is messing with the theme layout:

.col-sm-10 {
    width: 1200px;
}

You should have a look over the media queries:

If you cannot get this right, please provide screeshots of the issue and I’ll do my best to guide you around.

Regards

12

if i delete that part of the code, the top menu will just go away and it doesn’t show on the webpage, do you want me to show you all the custom css code?

13

i know that you probably have a lot of work, but im struggling with wordpress… i want to basically turn my company’s website better, better looking etc… this is the main website: Sailtours.pt, its built in joomla by a web develepment company but my boss doesn’t really like the website they made, so he renew my contract but i have to build a new Webpage, and this is why im here. i don’t want to make it look like a blog, i just want it to be a website, simple, but good looking but im struggling so hard to do it… when i think i managed to fix one thing, there comes other 2 to fix and so on.