Customising individual elements of demo theme

Posted in: Newspaper
Post count: 45

Hello,

I have installed Default demo theme settings.
I am satisfied except for a few settings.
I want sidebar widget headers to appear like http://demo.tagdiv.com/newspaper_blog_cars/
Also I want to change the appearance of ‘Next’ and ‘Previous’ article links in post page.
How can I do that?

-Josin

Post count: 22421

Hello,

Our theme does not allow you to replicate a demo’s design on another demo. If you want to have a style like the cars blog demo then you need to install the cars blog demo as you cannot copy the style. Each demo has it’s unique style. if you installed the default demo you will have this design: http://demo.tagdiv.com/newspaper/ not this one: http://demo.tagdiv.com/newspaper_blog_cars/

Thank you!

Post count: 45

Hello Bogdan,

What if I wanted that change very badly.
What CSS selectors I need to change for ‘Sidebar Widget Headers’ and ‘Next’ and ‘Previous’ article links in post page.

Josin

Post count: 22421

If you want a customization badly, the correct path to take is to hire a freelancer to help out, but since we are good guys I will show you how to do it 🙂 keep in mind though that customization is not part of the theme support; we try to help out where we can.
OK, for the headers to be like on the cars demo you will have to use this css:

.block-title{
background-color: #f77b33!important;
}
.block-title > span{
background-color: #f77b33!important;
}
.td-subcat-filter .td-subcat-list a {
color: #fff;

This should bring you pretty close to the cars blog headers.

Thank you!

Post count: 45

Thank you Bogdan.
Could you please help me with ‘Next’ and ‘Previous’ article links in post page?
I wanted a rectangular border around them!

Josin

Post count: 22421

Hi,

That will not be a simple task. If I add a simple border, you will see the container stretches to the full length of the post title: http://screencast.com/t/y3XsVZJh2Rbb This means it will require the next and prev post message to be in a different container than the post so it will require modifying the theme code for this to work properly.
The code is found here: http://screencast.com/t/eiVSnP0vad
You can change it to a div element http://screencast.com/t/9xqCeoZF19 and assign a class to it so you can then use css to make it stay the same size as the text and place borders around it.

Thank you!

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.