Changing skin color

freire_management's picture
freire_management
Mon, 02/01/2016 - 09:30
#1
Changing skin color

Dear Tech Support, 

I recently purchased the Structure construction theme and i'm looking for a solution to change the yellow color the my company colors. Where would I make these changes?

Best regards,

 Fabio Freire

phuonght's picture
phuonght
Mon, 02/01/2016 - 23:10

Hi,

Please open file main.css (sites/all/themes/md_structure/css/front), replace all color code #FFB600 with color code that you would like. Then save and clear cache.

khoa's picture
khoa
Sat, 02/06/2016 - 18:08

Hello,

Can you please give me your Website account and the color code? I'll help you change the color for that section.

Thanks!

khoa's picture
khoa
Sun, 02/07/2016 - 19:33

Hello,

Can you please give some screenshots for each section? Because |'m confused with the sections that you listed above. Please give me more detail.

Thank you!

khoa's picture
khoa
Mon, 02/08/2016 - 08:30

Hello,

I have edit the color of your website. Please check it and let me know the result.

Thank you!

couette-couette83's picture
couette-couette83
Tue, 02/09/2016 - 17:54

Hey,

I want change BG color of the page, how i made that?

Thanks you.

khoa's picture
khoa
Tue, 02/09/2016 - 18:11

Hello,

Do you mean the WHITE background color?

Thank you!

couette-couette83's picture
couette-couette83
Wed, 02/10/2016 - 09:03

Hi,

Yes, exactly!

Thank you

khoa's picture
khoa
Wed, 02/10/2016 - 09:32

Hello,

Please open main.css file(sites/all/themes/md_structure/css/front), then go to line 315 and change the background-color: #FFF attribute within the selector body { ... }

P/s: Can you please vote 5 stars for this theme? Thank you!

khoa's picture
khoa
Thu, 02/11/2016 - 09:26

Hello,

Please confirm that this is the final color change that you request.

Thank you!

khoa's picture
khoa
Thu, 02/11/2016 - 17:12

Hello,

Please check your website and let me know the result.

Can you please vote 5 stars for this theme? It's important for our business.

Thank you!

khoa's picture
khoa
Fri, 02/12/2016 - 07:57

Hello,

Please send me a secondary page that you mean, better if it goes with a screenshot. For the image in header, I have changed the new image that you sent to me.

Here is the link to the background image: http://freire.lashtraining.ca/sites/all/themes/md_structure/img/header.jpg

Thank you!

freire_management's picture
freire_management
Wed, 02/24/2016 - 17:44

Also have this notice: 

Error message

Notice: Undefined index: uri in include() (line 11 of /hsphere/local/home/bbbm87a/freire.lashtraining.ca/sites/all/modules/custom/md_theme/templates/about-us.tpl.php).

phuonght's picture
phuonght
Wed, 02/24/2016 - 22:21

Hi,

1. Notice: Undefined index: uri in include() (line 11 of /hsphere/local/home/bbbm87a/freire.lashtraining.ca/sites/all/modules/custom/md_theme/templates/about-us.tpl.php).

Please go to admin/appearance/settings/md_structure, update image in Design -> Footer.

2. Is there a way to fix the white bar underneath the header? Is it a result of the logo / padding?

Open file main.css, Line 9569, replace with:

.site-branding {
padding: 22px 0;
}

3. banner on the secondary pages in yellow,  would like to make it the same as on the homepage.  Full width, Color #add3e9 - white hover text

You can edit in awecontent of that page

4. The copyright section at the bottom of the website has disapeared along with the information in the header

Update information in admin/appearance/settings/md_structure

5. For the social media icons where do I add the links and is it possible to add an instagram icon? Furthermore on the projects / gallery page the images hover yellow 

Social media can be edited in admin/structure/block/manage/md_theme/footer/configure. Hover overlay color in file main.css, line 4960:

.box-overlay, .box-overlay2 { ...... }

phuonght's picture
phuonght
Sun, 02/28/2016 - 21:26

There is an updated version of Awecontent that you could download from your account page (http://megadrupal.com/user/freiremanagement). Have you tried with it?

phuonght's picture
phuonght
Tue, 03/01/2016 - 05:06

Sorry,

Could you tell us what hotflix is? Also, please describe more about problem "can not change color in awecontent". 

phuonght's picture
phuonght
Tue, 03/01/2016 - 22:26

To update version, please go to sites\all\modules\custom, remove old module and replace with the new one.

When you edit an object (shortcode), you can see panel appear on the left. please change color and font ther (tutorial: https://www.youtube.com/watch?v=hhLyeZzA8Ug).

khoa's picture
khoa
Thu, 03/03/2016 - 02:49

Hello,

I have sent you the updated Awecontent module. Please check your email then let me know the result.

Thanks!

phuonght's picture
phuonght
Thu, 03/03/2016 - 21:32

Check your site please. We fixed. 

khoa's picture
khoa
Sat, 03/05/2016 - 02:34

Hello,

Can you please explain me more about your question? It's better if you include with a screenshot.

Thank you!

khoa's picture
khoa
Sun, 03/06/2016 - 06:28

Please give me a screenshot.

Thanks!

freire_management's picture
freire_management
Sun, 03/06/2016 - 09:33

go here: http://freire.lashtraining.ca/?q=all-projects-layout-1-full-width 
and click on any project, you will see the same photos 

khoa's picture
khoa
Sun, 03/06/2016 - 21:38

Hello,

Can you please go to each project item and change the gallery images? I have checked your project items and i found that they all have the same gallery images.

For example:

+ Project 3 edit page: http://freire.lashtraining.ca/?q=node/48/edit

+ Project 7 edit page: http://freire.lashtraining.ca/?q=node/52/edit

When you go to 2 above project items you will see they have same gallery images. You need to change them for each project item.

Thanks!

phuonght's picture
phuonght
Mon, 03/07/2016 - 22:02

Check site please. We fixed already.

phuonght's picture
phuonght
Mon, 03/07/2016 - 23:02

Sorry,

Could you explain more? We do not understand clearly.

We checked by updating image in project 7 and only project 7 changed image but not other project also.

phuonght's picture
phuonght
Tue, 03/08/2016 - 21:33

We will help you work with 3 portfolio for demo (portfolio 1, 2, 3). Please send us images for those 3 portfolio.

phuonght's picture
phuonght
Wed, 03/09/2016 - 02:19

1. Portfolio: we delete all gallery of portfolio. Now only each of portfolio 1, 2, 3 has 2 images . Please take a look for example and work with other portfolio.
2. Homepage: Font size and spacing not changing : 

Image title

3. FAQ: Yellow boxes, no option to change the color in megadrupal to #add3e9 : open file main.css(sites/all/themes/md_structure/css/front/main.css), line 5620, edit value of background color at

.box-row2-heading:before, .box-row2-content:before { .... }

freire_management's picture
freire_management
Thu, 03/10/2016 - 20:57

similar to this website as it opens up the pictures in full http://jtfhomes.com/gallery/ 

phuonght's picture
phuonght
Thu, 03/10/2016 - 21:47

Please

1. Go to http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox... plugin and add to your site

2. Open file node--portfolio.tpl.php (sites\all\themes\md_structure\templates\node) then add class of plugin to code section of gallery to have function popup lightbox

If you would like us help you with customization, because it is out of support policy, fee will be charged.

cindy's picture
cindy
Fri, 03/11/2016 - 22:11

Hi Freire_management

Please check your email for more information

freire_management's picture
freire_management
Sun, 03/13/2016 - 09:15

Payment sent 

khoa's picture
khoa
Sun, 03/13/2016 - 09:24

Hello,

Please sent your FTP and Website account. We'll add Lightbox to the Portfolio.

Thanks!

khoa's picture
khoa
Sun, 03/13/2016 - 10:22

Hello,

Can you please check your server. When I connect it says:

Error:Connection timed out after 20 seconds of inactivity
Error:Could not connect to server

Thanks!

khoa's picture
khoa
Sun, 03/13/2016 - 10:35

Hello,

I have finished adding Lightbox to the Portfolio Gallery. Please check. 

For this question:

Also khoa is there a way to interegrate a translator into the template?

Do you mean that you want to set up a multilanguage website?

Thank you!

khoa's picture
khoa
Sun, 03/13/2016 - 17:50

Hello,

1. For the multilanguage website, you can refer to these tutorials to set up a multilanguage website.

https://www.youtube.com/watch?v=kH_DwwEQf0k

https://www.drupal.org/node/1268692

2. For the instagram feed module, I think this module will meet your requirement:

https://www.drupal.org/project/instagram_feeds

Thank you!

khoa's picture
khoa
Mon, 03/14/2016 - 16:44

Hello,

Do you want us to set up multilanguage for you?

Thanks!

freire_management's picture
freire_management
Mon, 03/14/2016 - 21:33

Yes, How much would it cost? could you please provide an estimate?

Thanks,

phuonght's picture
phuonght
Mon, 03/14/2016 - 22:33

How many languages would you like to set up in site? Can you provide us a list?

cindy's picture
cindy
Mon, 03/14/2016 - 23:40

Hi,

Please check your email for more detail

khoa's picture
khoa
Thu, 03/17/2016 - 20:49

Hello,

You need to contact with your hosting provider to enable mod_rewrite function on your server.

Thanks!

freire_management's picture
freire_management
Sun, 03/20/2016 - 13:25

Is there a way to edit the gallery page inside awecontent?

khoa's picture
khoa
Sun, 03/20/2016 - 21:09

Hello,

I'm not clear with your question. Do you mean the gallery shortcode of Awecontent? I went to the page that you gave me but I saw no gallery in it.

Thanks!

khoa's picture
khoa
Sun, 03/20/2016 - 23:15

Hello,

Can you please give me some screenshots to describe your ideas?

Thanks!

khoa's picture
khoa
Mon, 03/21/2016 - 00:06

Hello,

I know? But please give me a screenshot to describe where you want to put it into.

Thanks!

khoa's picture
khoa
Mon, 03/21/2016 - 01:02

Hello,

So in summary, you want to display the small gallery when you view on mobile, right?

Image title

Thanks!

khoa's picture
khoa
Mon, 03/21/2016 - 10:03

Okay, I'll check and let you know soon. Thanks!

khoa's picture
khoa
Tue, 03/22/2016 - 16:17

Yes, I'll customize the Slider to make it as same as the example Slider you gave to me. Please give me 1-2 days for this task. Thanks!

khoa's picture
khoa
Wed, 03/23/2016 - 05:53

Hello,

Please do following steps:

1. Open main.js file(sites\all\themes\md_structure\js\front), find this code

$('.slide-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: false,
fade: true,
asNavFor: '.slide-nav'
});
$('.slide-nav').slick({
slidesToShow: 5,
slidesToScroll: 1,
asNavFor: '.slide-for',
arrows: false,
focusOnSelect: true,
responsive: [


{
breakpoint: 768,
settings: {
slidesToShow: 3
}
}
]
});

and replace by:

$('.slide-for').slick({
slidesToShow: 1,
slidesToScroll: 1,
arrows: true,
fade: true,
asNavFor: '.slide-nav'
});
$('.slide-nav').slick({
slidesToShow: 5,
slidesToScroll: 1,
asNavFor: '.slide-for',
arrows: false,
focusOnSelect: true,
responsive: [


{
breakpoint: 768,
settings: {
slidesToShow: 3
}
}
]
});

//move next
$(".slick-next").click(function(){
if($(".slide-nav-item.slick-current").next(".slide-nav-item").length>0){
$(".slide-nav-item.slick-current").next().trigger("click");
} else {
$(".slide-nav-item:first").trigger("click");//go to first
}
return false;
});

//move previous
$(".slick-prev").click(function(){
if($(".slide-nav-item.slick-current").prev(".slide-nav-item").length>0){
$(".slide-nav-item.slick-current").prev().trigger("click");
} else {
$(".slide-nav-item:last").trigger("click");//go to end
}
return false;
});

2. Open main.css file(sites\all\themes\md_structure\css\front), add this code to the bottom of that file

.section-project-detail .slide-nav-item {
opacity: 0.3;
}
.section-project-detail .slide-nav-item.slick-current {
opacity: 1;
}

3. Save all files and clear cache.

Thank you!

phuonght's picture
phuonght
Thu, 03/24/2016 - 00:32

We check and can see thumbnails disappear, please revert code to display thumbnail again then send us your FTP information so we can help you fix problem. Also, please remember to backup source code. 

phuonght's picture
phuonght
Fri, 03/25/2016 - 03:11

We fixed already. Check site please.

freire_management's picture
freire_management
Mon, 03/28/2016 - 20:15

Is there a way to have verticle photos inside the gallery? without having the crop them in order to save the detailing

Pages

Log in or register to post comments
Have More Idea?

We are here to build your website!

No Universal solution fits all special business requirements. Our experienced team is ready with ideas and state-of-the-art technical solutions to consult the best solution within your budget.