Help Regarding Small CSS tweaks

Posted in: Newspaper
Post count: 140

Hi

I have disable built-in Google fonts and replaced with custom fonts in my site http://www.wpdiv.com and works great.

But i need help to fine tune CSS elements and unable to find the theme options to adjust the CSS properties of the elements.

1. How can i change the text colour and font size in sidebar text widget via theme options panel?

http://prntscr.com/8tytvr

2. How can i adjust the font size in comment form input?

http://prntscr.com/8tyuyf

3. Unable to find theme options to adjust block font title size and colour?

http://prntscr.com/8tyvmp

4. adjust related post title

http://prntscr.com/8tyvuw

5. adjust home page blocks post title

http://prntscr.com/8tywkx

6. I had setup default page template for my pages. but sidebar is missing. How can i add pages with sidebar?

http://prntscr.com/8tyxni
http://prntscr.com/8tyxzq

Post count: 22421

Hello,

1) For the text widget size there is an option in the theme panel: http://screencast.com/t/BtQTEbcz0I
For colors you have to use CSS:
.td-main-sidebar .widget_text{
color:red
}

2) It can only be targeted with CSS
#commentform input[type=text],
#commentform input[type=url],
#commentform input[type=tel],
#commentform input[type=email],
#commentform textarea{
font-size:20px
}

3) You have to identify the module used by the block. For example a module 6 title can be changed from here: http://screencast.com/t/eQ5thbs9e. You can inspect the block with your browser inspector and you can see the class used by it or you can use the Excerpts setting to see what modules are used for each block.
As for the color, you have to use css again. there is no option for it in the theme panel
.td_module_6 .td-module-title a{
color:red;
}

(the module in your image might not be a module 6 so you have to change the settings to the module used by your block. i just set module 6 as an example)

4) Unfortunately there is no option in the theme panel for it. You have to use CSS:
.td_module_related_posts .td-module-title a{
font-size:20px;
color:red;
}

5)The module on your homepage is an mx 2 and can be adjusted in the theme panel: http://screencast.com/t/f38U5Q3Cl6m

6)The default page template has no sidebar. You have to use on of the 2 other page templates for it to display: http://screencast.com/t/z244vqFWMo

Thank you!

Post count: 16

I have a similar issue, but I can’t identify the modules for some blocks, I’ve made some changes to test the modules but I haven’t had any luck. don’t you have a list of the modules and where are they used?

Post count: 22421

Hi Charlie,

There is a list of modules and where they are used in the theme panel: http://screencast.com/t/mVfLzOs3

Thanks.

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