Attache Theme Customization Guide (Press75) – CSS Tweaks & Styling Tips

Attache by Press75 is a clean and stylish infinite scrolling theme, perfect for bloggers and storytellers. It features a Pinterest-like grid, uses unique layouts for supported post formats. Sticky posts in this theme are displayed at twice the size of regular posts, giving them an extra visual boost.

You can use my shared code and ask question in the comments section.

/********** Changes for Homepage, Category Page ******/
1. If you don’t want to show or remove post author name and date
.entry-grid-author {
display: none !important;
}

2. If you want to change homepage post title font size, color and font family

.hdg.hdg_2.hdg_title, .hdg.hdg_2.hdg_title a {
color: darkblue !important;
font-family: cursive;
font-size: 24px !important;
}

3. If you don’t want to show or remove Category Name at the bottom of each post

.entry-grid-meta {
display: none;
}

4. In homepage,category pages if you want to change the font color, font family and font size of post excerpt…

.excerpt {
font-family: times new roman;
font-size: 18px;
color: black !important;
}

5. To change Category Name background color with font color in category pages

.grid-item-headline {
position: relative;
background: black !important;
color: #ffffff;
}

** To change whole site body background color
body {
background: black !important;
}

5.1. To change “Older Post” button background color, font size and family

#infinite-handle span {
background: darkred !important;
color: #eee;
font-size: 13px;
font-family: cursive !important;
}

/***************** Single Post page modification ******************/

6. If you want to remove Post Author and make the content section wider in Theme Attache By Press75

.single-post .col-sm-3.col-sm-pull-9 {
display: none !important;
}
.single-post .col-sm-9.col-sm-push-3 {
width: 100% !important;
float: left !important;
left: 0 !important;
}

7. To change single post contents font color, font size and font family

.entry-content, .comments-area {
font-family: times new roman !important;
font-size: 14px !important;
color: black !important;
}

7.1- To change single post title’s font color, font family and font size

.single-post .entry-header h1 {
color: darkred !important;
font-family: cursive;
font-size: 24px !important;
}

/**************** Left Sidebar Area *****************/

8. To change social menu icons background color

#menu-social a::before {
color: darkred !important;
}

9. To change social menu icons hover background color
#menu-social a:hover::before {
color: darkgreen !important;
}

10. To change left sidebar menus font color, font size and font family

.main-navigation ul li a {
font-size: 12px !important;
color: #494949 !important;
font-weight: 400 !important;
font-family: times new roman !important;
}

11. To change hover font color of left sidebar menu items

.main-navigation ul li a:hover
{
color: darkred !important;
}

12 To change submenu light grey background color

.main-navigation .children, .main-navigation .sub-menu {
background: #ececec;
}

13. If you want to change left sidebar Site description font color,size and font family

.site-description {
font-size: 10px;
font-size: 14px !important;
color: darkred !important;
font-family: times new roman !important;
}

/********** ** Right sidebar area **********/

14. To Change Right sidebar widget’s link color, font size and font famil

#secondary li a {
color: blue !important;
font-family: times new roman !important;
font-size: 13px !important;
}

15. To Change Right sidebar widget’s link hover color

#secondary li a:hover {
color: darkred !important;
}

16. To change right sidebar widget title font color, size and font family

#secondary .widget h3 {
color: black !important;
font-family: times new roman !important;
font-size: 18px !important;
text-align: center !important;
}

/*********** Footer Copyright section ****************/

17. If you don’t want to show footer copyright infomration

.entry-content, .comments-area {
color: black !important;
}
Or if you want to change the font size of footer copy right info

.container-fluid.footer, .container-fluid.footer * {
font-size: 12px !important;
}

/************* single page modification ***************/

18. To hide comments section from pages

.page #comments {
display: none !important;
}

19. To make a full page template without sidebar

.page #primary {
width: 100% !important;
}
.page #secondary {
display: none !important;
}