Post by cdtuk » Fri May 23, 2014 6:52 pm

HI

Need a little bit of help getting the Welcome module altered on my website. It is hanging to the left of the page when i need it fully centered as there is a gap currenlty on the right hand side. under the "FREE ADVICE BANNER".......
I also need to change the text which is all in capitals.

Altering the text in the actual welcome module itself to lower case doesnt change this so i think it must be set in the stylesheet ?

If anyone can help me I would appreciate that thanks.

Website is here so you can see what im talking about: www.colchesterpets.co.uk

Newbie

Posts

Joined
Fri May 23, 2014 6:48 pm

Post by Xyph3r » Sat May 24, 2014 5:42 am

Hello! Welcome to Opencart Forum!

In catalog/view/theme/*yourtheme/stylesheet/stylesheet.css

remove the "float:left;" and "margin-right:35px;" line from ".welcome h1" - around line 4109 and add "text-align:center;"

then

remove "float:left;" and "width:650px;" from ".welcome p" - around line 4120. Optionally add "text-align:center;"

ImageImageImage
Opencart Templates, Modules, Themes & Custom Development | ShopThemer


User avatar
Active Member

Posts

Joined
Sun Feb 10, 2013 1:08 am


Post by NoJoke » Mon May 26, 2014 3:47 am

Here is what you are going to need to do to get the text to be in the center :

go to stylesheet.css located in /catalog/view/theme/yourtheme/stylesheet

you will find in stylesheet.css the following code that needs to be changed :

Code: Select all

.welcome {
padding: 0px 50px 22px 13px;
margin: 0px 0px 0 0;
border-bottom: 1px solid #F4F4F4;
}
Change that to :

Code: Select all

.welcome {
padding-bottom: 22px;
margin: 0 auto;
border-bottom: 1px solid #F4F4F4;
}
Then you are going to find :

Code: Select all

.welcome h1 {
font-family: 'Anton', sans-serif;
font-size: 31px;
line-height: normal;
float: left;
color: #000;
margin-right: 35px;
margin-bottom: 0;
}
and change it to :

Code: Select all

.welcome h1 {
font-family: 'Anton', sans-serif;
font-size: 31px;
color: #000;
text-align: center;
}
then you are going to find :

Code: Select all

.welcome p {
float: left;
font-size: 12px;
width: 650px;
margin-top: 12px;
margin-bottom: 0;
text-transform: uppercase;
color: #7C7A7A;
}
and change it to :

Code: Select all

.welcome p {
font-size: 12px;
width: 650px;
text-transform: uppercase;
color: #7C7A7A;
margin: 12px auto 0;
}
Now if you want the text that says We Specialize to not be in block format where all of the text is aligned to left side you can append text-align:center; to the .welcome p {}.

Active Member

Posts

Joined
Fri Oct 14, 2011 5:37 am

Post by cdtuk » Wed May 28, 2014 8:46 pm

Thank you for the replies, I shall give them a go :)

Newbie

Posts

Joined
Fri May 23, 2014 6:48 pm

Post by NoJoke » Mon Jun 02, 2014 8:14 am

No problem, hopefully those will help you get it sorted.

Active Member

Posts

Joined
Fri Oct 14, 2011 5:37 am
Who is online

Users browsing this forum: No registered users and 13 guests