Joomla Templates Club 406,261 posts

[reverbatim Friend reverbatimJoin date: August 2013Posts: 35Downloads:1Uploads:13]

#975734

Hello,

I am actually updating my http://www.rvb-translation.com website and I would like it to look like exactly its former version which is still visible at this URL: http://www.rvbdevtest.com/rvb-translation.com.

To do so it seems I need to:

1) slightly increase the header height;
2) lower menu font;
3) remove boxes borders;

I would like the CSS modifications needed to fullfil these requirments to resist future template updates. So I think the CSS code should be written in the custom.css file.

Can you help me to do so?

Regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#975838

Hi
I am getting Error 500 on this site : http://www.rvb-translation.com/en/
http://prntscr.com/ct6aih
can u check it so i can compare your changes .

[reverbatim Friend reverbatimJoin date: August 2013Posts: 35Downloads:1Uploads:13]

#975885

Hello,

Websites are back online.

Regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#975903

Hi
Still, site is showing error : http://prntscr.com/ct7se1
You can post a screenshot how u would like to make changes , I will help in this work .

[reverbatim Friend reverbatimJoin date: August 2013Posts: 35Downloads:1Uploads:13]

#976098

Hello and thank you for your reply,

I am stupid. As I made updates I deleted the .htaccess file so the frontend could not load. The websites are all back online.

Regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#976206

Hi
Noticed the customisation are defined in the custom.css file
Here : rvb-translation.com/templates/ja_onepage/css/custom.css
You can copy the code and apply it on the new site to give it same style look of the older site. Beside this, if you want to add some more custom style , you can give me a screenshot and illustrate description in it .

[reverbatim Friend reverbatimJoin date: August 2013Posts: 35Downloads:1Uploads:13]

#976762

Hello and thank you for your reply,

Firstly the logos do not have the same size. On the original website the logo is 150px 75px. On the actual website the logo is 145px 72.5px. Please compare attahced images to see the difference. What can I do to make the logo size of the actual website like the logo size of the original: from 145px 72.5px to 150px 75px? How to make this change resist future template updates?

Secondly I would like to remove the borders of the "boxes" (Quality, Accountability and Turnaround). You can see in the attached images that I was able to remove the borders in the original website but I do not know how to do a proper CSS override in the actual website to do so.

Thirdly it seems that the header is higher in the original website. I copied a CSS property of the original website in the actual website (custom.css file) but it has not changed anything. Please compare attahced images to see the difference.

Fourthly I would like to slightly reduce the font size of the menu items. The font size in the original website is lower than the one in the actual website. Please compare attahced images to see the difference.

Can you help me to do all these modifications and make them resist template updates?

Regards

---

Attachments:

1. 
2. 
3. 
4. 
5. 

[reverbatim Friend reverbatimJoin date: August 2013Posts: 35Downloads:1Uploads:13]

#976768

Other images.

Regards

---

Attachments:

1. 
2. 
3. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#976962

Hi
The logo width is same there is extra style padding added by the 3rd party extension on your site :
http://www.rvb-translation.com/modules/mod_jux_testimonial/assets/css/disstylebootstrap2/style9.css
http://prntscr.com/cv8q9j

Also in header on your older site, you have customised the USS style from core CSS files
Here : http://prntscr.com/cv8r29
On new site : http://prntscr.com/cv8r7f

Height of header is same :
http://prntscr.com/cv8rmq
http://prntscr.com/cv8rr3
its very hard to check each style on your site give the difference between code because all changes are done in core CSS files . You have to check the style using inspect element and then apply the same on your new site .
This way you can apply the style customisation from older site to new site .

I suggest you to overrode the custom style via custom.css file so you will not face such kind of issues in future .

Regards

[reverbatim Friend reverbatimJoin date: August 2013Posts: 35Downloads:1Uploads:13]

#976980

Hello and thank you for your reply,

I just want three things that I do not know to convert in CSS coding.

First, compared to the original website the logo on the actual website is blurred. How to make it look well-defined?

Second, how to reduce menu font size on the actual website?

Third, how to remove bowes borders on the actual website?

I do not really mind about header height.

Regards

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#976989

Hi
go to modules/mod_jux_testimonial/assets/css/disstylebootstrap2/style9.css
Find and comment this code

.span6, .span4, .span3, .span2, .span10, .span8, .span12, .span5 {
    padding-left: 5px;
}

then add below code in custom.css file

 .introducing .block:hover {
    box-shadow: 0px 0px 4px rgba(0,0,0,0);}
.t3-mainnav .navbar .nav > li > a {
    font-size: 13px;
}

Hope it helps .

[Author]

Posts