By Bryan on Sunday, 06 December 2015
Posted in General Issues
Replies 3
Likes 0
Views 771
Votes 0
I've that some EasyBlog colors are controlled by the Joomla template UI such as found in 'Global Template Styling' and 'Main Content/Side Content Block Styling'. The problem is when I make some things light/dark for EasyBlog in the global template, it conflicts with other pages. I would like to know if it is possible to change the colors of various items for EasyBlog only: (see screenshot)

1) The background color for the 'Continue Reading' button?
2) The background color for the menu/tool bar for authors (not the main blog page)
3) The button color for the menu/tool bar for authors (not the main blog page)
4 The link text for the menu/tool bar dropdown for authors

I'm using the Joomla Pixel template. I've read in other posts that I need to edit the templates .css file and add some code. While I've looked, I'm not exactly sure which file that is. Can I use the "custom css" tab in the Joomla UI for the code? I'm new at doing this so am not so familiar with editing .css files. That said, if I know where exactly to make the change I could.

So if you could help me with the code and what file to change, I'd be very grateful!

Bryan
Hey there,

I am really sorry for the delay of this reply as it is a weekend for us here.

May i know do you have consult with your current template provider which file should we put that custom css in template folder?

By the way, you can try my following css code to override these toolbar color and see how it goes.


div#fd.eb .eb-post-more .btn {
background-color: red !important;
}

div#fd.eb .eb-navbar-collapse {
background-color: red !important;
}

div#fd.eb .eb-navbar-nav>li.open>.dropdown-menu {
background-color: white !important;
}

div#fd.eb .eb-toolbar {
background-color: red !important;
}

div#fd.eb .eb-toolbar-dropdown {
background-color: red !important;
}

div#fd.eb .eb-toolbar .fa {
color: blue !important;
}



Another method you can override this styling into JoomlaFolder/template/YourTempalte/html/com_easyblog/styles/custom.css (you can to manually create that new folder/file yourself, then open custom.css file and put above css code in this file)
·
Sunday, 06 December 2015 10:04
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you so much! I was able to get this to work by adding your code to the custom css tab within the Joomla Admin UI. Since this worked so well, I'm hoping you can help me with a few more lines of code to override a few more colors. I've posted in a screen shot to help, but here they are:

1) For the normal nav bar that guests to the site see, what is the code to change the icon color? (you gave me background which worked great)

2) I noticed the 'Continue Reading' button within the FEATURED post box is not the same as the standard 'Continue Reading' button background. What is the code for the 'Continue Reading' button BACKGROUND color in the FEATURED post box?

3) Again for the FEATRUED post box, what is the code for the TEXT in the 'Continue Reading' button?

4) Again for the FEATRUED post box, what is the code for the TEXT in the navigation buttons?

5) Again for the FEATRUED post box, what is the code for the BACKGROUND in the navigation buttons?

6) Back to the main blog normal page. You provided me with the code for the 'Continue Reading' background color (div#fd.eb .eb-post-more .btn) , can you provide the code for the text in the same button?



Lastly - I had previously requested color override for 4 items and you provided 5 section of code. One of them I'm not sure what it does. Can you elaborate?

div#fd.eb .eb-navbar-nav>li.open>.dropdown-menu {
background-color: red !important;
}

I'm thinking this may be for a drop down menu on the main nav bar. However, I don't think I have an option enabled which would generate a drop-down here so maybe I'm not seeing it? Just curious!

Again, Thank you so much for the quick response and accurate information. You're making my day! I find your support thus far to be excellent!

Thanks,
Bryan
·
Sunday, 06 December 2015 11:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

I am really sorry for the delay of this reply,

You can try my following css code suggestion and see how it goes?

div#fd.eb .eb-navbar-collapse .fa {
color: red !important;
}

div#fd.eb .eb-showcase-more .btn {
background-color: blue !important;
color: red !important;
}

div#fd.eb .eb-showcase-control .fa {
color: red !important;
}
div#fd.eb .eb-showcase-control .btn {
background-color: yellow !important;
color: red !mportant;
}

div#fd.eb .eb-post-more .btn {
color: red !important;
}


I'm thinking this may be for a drop down menu on the main nav bar. However, I don't think I have an option enabled which would generate a drop-down here so maybe I'm not seeing it? Just curious!

I have a little bit lost here, perhaps you can provide us some screenshot regarding this which you referring to?

I am really sorry that I can't assist you if you request another new customize requirement as we normally do not provide customization support as outlined in http://stackideas.com/support . We need to help others with real issues.

Thanks for understand.
·
Monday, 07 December 2015 14:06
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post