Forum Support

 
Advanced Search


[1]

Offline anupamb
Free Member
Posts: 23
Posted on: May 20, 2014, 11:22:04 AM

1. How do I change the logo
2. How to customise the image and content fader to come below the logo
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: May 20, 2014, 02:36:26 PM

1.  You can change it 2 ways.  You can edit the s5_logo.png file in theclassifieds images folder.  Or you can publish a custom HTML module to the "logo" position.

2.  to do this just remove the position:absolute; here:

Code:

#s5_headertop {
    color: #FFFFFF;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

template.css (line 652)

Logged

Offline anupamb
Free Member
Posts: 23

That solved my problem. Thank you.

Also, please tell me how do I decrease the spacing between top_row1 and top_row2.
Logged

Offline anupamb
Free Member
Posts: 23
Posted on: May 21, 2014, 02:38:32 PM

Please have a look at the site: http://www.chhaygaoncollege.com/ There are lot of white space between the modules. I tried to modify the following section:

##########
#s5_top_row1_area2, #s5_top_row2_area1, #s5_top_row3_area1,  #s5_bottom_row1_area2, #s5_center_area1,  #s5_bottom_row2_area2, #s5_bottom_row1_area2, #s5_bottom_row3_area2, #s5_below_columns_wrap1, #s5_middle_bottom_wrap {
        padding-top:0px;}
##########

But that did not help.
Logged

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted on: May 21, 2014, 08:36:57 PM

Hello,

That is controlled by the margin value for any round_box classes here:

Template.CSS - Line 956

.module_round_box {
    margin-bottom: 60px;
}

-Mike
Logged

Offline anupamb
Free Member
Posts: 23
Posted on: May 21, 2014, 09:51:29 PM

No that did not solve the problem. My site still contains lot of empty spaces.
Logged

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted on: May 21, 2014, 10:03:52 PM

Hello,

Did you clear your cache? I took a look after you changed the margins and a lot of the horizontal spacing is now reduced. If you are looking to reduce other areas please post a screenshot illustrating this. There is supposed to be minor spacing in between the modules so they can be differentiated. I also suggest using Firebug to identify and existing padding/margin values and easily change them via CSS.

http://www.youtube.com/watch?v=4kmZ9uQcA_c

-Mike
Logged

Offline anupamb
Free Member
Posts: 23
Posted on: May 21, 2014, 10:11:22 PM

I could do it by changing the margin in the following:

.module_round_box_outer
Logged

Offline anupamb
Free Member
Posts: 23
Posted on: May 21, 2014, 10:13:50 PM

But Mike, I could not change the vertical spacing...
Logged

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted on: May 21, 2014, 10:18:08 PM

Hello,

Can you post a screenshot illustrating the area you are trying to reduce?

-Mike
Logged

Offline anupamb
Free Member
Posts: 23
Posted on: May 23, 2014, 10:14:27 AM

Please find screenshot attached. Also I want change the size of the texts in the articles.
Logged

Offline jonahh
Free Member
Posts: 23789 WWW
Posted on: May 23, 2014, 12:40:59 PM

This spacing can be change in your template.css file, just look for:

.module_round_box_outer, #s5_component_wrap, #s5_center_area .moduletable, .module_round_box_outer-none {
    margin-left: 18px;
    margin-right: 18px;
}
Logged

Offline anupamb
Free Member
Posts: 23
Posted on: May 24, 2014, 05:43:01 AM

Mike, Jonnah...

Thank you for the information. That helped me big time.
Logged

Offline mikenicoll
Free Member
Posts: 20162 WWW
Posted on: May 24, 2014, 05:12:39 PM

Not a problem Smiley

-Mike
Logged
[1]

Jump to:  


Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Page created in 0.03 seconds with 22 queries.
Need some help getting your site up and running? Be sure to check out our tutorials area, post on the forum or hire us
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.