Joomla Templates Club 406,261 posts

[bluelinux Friend bluelinuxJoin date: June 2011Posts: 25Downloads:0Uploads:9 Thanks: 8]

#182732

I am sorry to bother you with my dumb question, I want to customize the Ja-teline template for my magazine company, See it here http://peoplemonthly.com.ng/monthly/ but i had some challenge which I will appreciate if you can point me to where I can solve it

1. I will like to increase both logo and banner at right-hand space size from the current value of 57px (when I try to change it to 120px in the css file, I got overlapping )

2. I will like to change the background color at the top of the front page to deep-red/wine or black just like what is available here http://www.thisdaylive.com/), When I attempt to do it, The magazine menu text become unreadable (I suspected that the background color is the same with text on the magazine menu bar ) Please guide me on how to change the magazine menu text from black to another color

3. The page is too long for reading, I will like to remove the section (People Monthly Magazine Portal ) where large chunk of articles are display in full from the front-page so as to compacted the front page

Thanks in advance

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#474997

HI bluelinux,

1,2. You can make change easily by using Google chrome inspect element or Firebug for Firefox. What I usually do is set Compress CSS in Template manager to No, then hover on any part in your site (logo, text, …)you want and right click on it and then click on inspect element, it will show you which CSS class it is using and which CSS file and the path to this part on the right side. then you can go to the file and replace it with new CSS you change.

3. I’m not so clear with what you’re wanting at this point, pls make it clearer so that I can help.

Regards.

1 user says Thank You to Saguaros for this useful post

1. bluelinux

[bluelinux Friend bluelinuxJoin date: June 2011Posts: 25Downloads:0Uploads:9 Thanks: 8]

#475269

Thanks for you response, I was able do something about the initial problem (background color) however i still need help

1. I will like to increase both logo and banner at right-hand space size from the current value of 57px (when I try to change it to 120px in the css file, I got overlapping )

I want to increase the size of topmost header section (where there is banner and logo) see http://www.peoplemonthly.com.ng

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#475316

Hi bluelinux,

In order to change logo’s height, please open file: /templates/ja_teline_iv/css/template.css, at approx line 713:


h1.logo {
height: 120px; <<< change to this
margin-top: 40px;
width: 222px;
}


With the banner, please go to backend settings of this swf file then change height value:


<object height="120px" width="420px" type="application/x-shockwave-flash" data="images/flash/adverts.swf" id="cbswfembeddbox35" style="visibility: visible;"></object>


1 user says Thank You to Saguaros for this useful post

1. fazilahsamdin

[bluelinux Friend bluelinuxJoin date: June 2011Posts: 25Downloads:0Uploads:9 Thanks: 8]

#475385

Thanks once again, initially when i do something similar to that, the below div section overlap onto the below section of the page.

[bluelinux Friend bluelinuxJoin date: June 2011Posts: 25Downloads:0Uploads:9 Thanks: 8]

#475394

<em>@bluelinux 349463 wrote:</em><blockquote>Thanks once again, initially when i do something similar to that, the below div section overlap onto the below section of the page.</blockquote>

eventually i got it working by editing this following code line

/* Logo Image —*/
h1.logo { height: 120px; margin-top: 40px; width: 222px; }

h1.logo a {
background: url(../images/logo.png) no-repeat left top;
display: block;
height: 120px;
width: 222px;

Thanks to all who give their advice

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#475407

Glad you get it sorted :laugh: and let me know if I can be of further assistance.

[Author]

Posts